Device, method, and graphical user interface for navigating media content

ABSTRACT

An electronic device provides, to a display, while in a screensaver mode, data to present a first media, that includes a first visual motion effect. In response to receiving a user input on a remote user input device, a type of the user input on the remote user input device is determined. If the user input is of a first type, the device provides, to the display, data to present the first media, that includes the first visual motion effect, with corresponding descriptive text. If the user input is of a second type, the device exits the screensaver mode.

RELATED APPLICATIONS

This application is a continuation application of U.S. patentapplication Ser. No. 14/868,298, filed Sep. 28, 2015, which was acontinuation application of U.S. patent application Ser. No. 14/867,004,filed Sep. 27, 2015, entitled “Device, Method, and Graphical UserInterface for Navigating Media Content,” which claims priority to U.S.Provisional Application Ser. No. 62/181,698, filed Jun. 18, 2015,entitled “Device, Method, and Graphical User Interface for NavigatingMedia Content,” and U.S. Provisional Application Ser. No. 62/215,644,filed Sep. 8, 2015, entitled “Device, Method, and Graphical UserInterface for Navigating Media Content,” all of which are incorporatedby reference herein in their entireties.

This relates to U.S. patent application Ser. No. 14/743,955, filed Jun.18, 2015, entitled “Image Fetching for Timeline Scrubbing of DigitalMedia;” U.S. Provisional Application Ser. No. 62/215,252, filed Sep. 8,2015, entitled “Devices, Methods, and Graphical User Interfaces forMoving a Current Focus Using a Touch-Sensitive Remote Control;” and U.S.Provisional Application Ser. No. 62/215,244, filed Sep. 8, 2015,entitled “Device, Method, and Graphical User Interface for ProvidingAudiovisual Feedback,” all of which are incorporated by reference hereinin their entireties.

TECHNICAL FIELD

This relates generally to electronic devices in communication withdisplay devices, including but not limited to electronic devices incommunication with display devices that provide media content.

BACKGROUND

Televisions are widely used as sources of information and entertainment.For example, televisions are typically used to watch movies andtelevision programs. Remote controls are commonly used to controlplayback of media content. For example, a conventional remote controlincludes a play button, a pause button, a stop button, a fast forwardbutton, and a reverse button to allow a user to control playback of themedia content.

But existing devices and methods for controlling content navigation andplayback are cumbersome and inefficient.

SUMMARY

Accordingly, disclosed herein are electronic devices with faster, moreefficient methods and interfaces for controlling navigation and playbackof media content. Such methods and interfaces optionally complement orreplace conventional methods for controlling navigation and playback ofmedia content. Such methods and interfaces reduce the number, extent,and/or nature of the inputs from a user and produce a more efficienthuman-machine interface.

The above deficiencies and other problems associated with userinterfaces for electronic devices are reduced or eliminated by thedisclosed devices. In some embodiments, the device is a digital mediaplayer. In some embodiments, the device is a television or set-top box.In some embodiments, the device is a desktop computer. In someembodiments, the device is portable (e.g., a notebook computer, tabletcomputer, or handheld device). In some embodiments, the device is apersonal electronic device (e.g., a wearable electronic device, such asa watch). In some embodiments, the device has a touchpad or is incommunication with a touchpad. In some embodiments, the device has atouch-sensitive surface or touch-sensitive display (also known as a“touch screen” or “touch-screen display”) or is in communication with atouch-sensitive surface or touch-sensitive display. In some embodiments,the device has a graphical user interface (GUI), one or more processors,memory and one or more modules, programs or sets of instructions storedin the memory for performing multiple functions. In some embodiments,the user interacts with the GUI primarily through stylus and/or fingercontacts and gestures on the touch-sensitive surface. In someembodiments, the functions optionally include image editing, drawing,presenting, word processing, spreadsheet making, game playing,telephoning, video conferencing, e-mailing, instant messaging, workoutsupport, digital photographing, digital videoing, web browsing, digitalmusic playing, note taking, and/or digital video playing. Executableinstructions for performing these functions are, optionally, included ina non-transitory computer readable storage medium or other computerprogram product configured for execution by one or more processors.Executable instructions for performing these functions are, optionally,included in a transitory computer readable storage medium or othercomputer program product configured for execution by one or moreprocessors.

In accordance with some embodiments, a method is performed at anelectronic device with one or more processors and memory. The electronicdevice is in communication with a display and a remote user inputdevice. The method includes, while the electronic device is operating ina screensaver mode, providing, to the display, data to present a firstmedia, that includes a first visual motion effect; and, while thedisplay is presenting the first media that includes the first visualmotion effect, receiving a user input on the remote user input device.The method also includes, in response to receiving the user input on theremote user input device: determining a type of the user input on theremote user input device; and, in accordance with determining that theuser input on the remote user input device is a user input of a firsttype, providing, to the display, data to present the first media thatincludes a second visual motion effect without exiting the screensavermode. The second visual motion effect is distinct from the first visualmotion effect. The method further includes, in accordance withdetermining that the user input on the remote user input device is auser input of a second type, distinct from the first type, exiting thescreensaver mode.

In accordance with some embodiments, a method is performed at anelectronic device with one or more processors and memory. The electronicdevice is in communication with a display. The method includesproviding, to the display, data to present a user interface with aplurality of user interface objects. The plurality of user interfaceobjects includes a first user interface object and a second userinterface object that is adjacent to the first user interface object onthe display. A current focus is on the first user interface object ofthe plurality of user interface objects. The method also includes, whilethe display is presenting the user interface, receiving a first inputthat corresponds to a request to move the current focus in the userinterface; and, in response to receiving the first input thatcorresponds to the request to move the current focus in the userinterface, providing, to the display, data to: move the first userinterface object from a first position towards the second user interfaceobject and/or tilt the first user interface object from a firstorientation towards the second user interface object; and, after movingthe first user interface object from the first position towards thesecond user interface object and/or tilting the first user interfaceobject towards the second user interface object: move the current focusfrom the first user interface object to the second user interfaceobject, and move the first user interface object back towards the firstposition and/or tilt the first user interface object back towards thefirst orientation.

In accordance with some embodiments, a method is performed at anelectronic device with one or more processors and memory. The electronicdevice is in communication with a display. The method includesproviding, to the display, data to present a user interface with aplurality of user interface objects. The plurality of user interfaceobjects includes a first user interface object and a second userinterface object that is adjacent to the first user interface object onthe display. A current focus is on the first user interface object ofthe plurality of user interface objects. The method also includes, whilethe display is presenting the user interface, receiving a first input;and, in response to receiving the first input, providing, to thedisplay, data to: move the first user interface object from a firstposition towards the second user interface object and/or tilt the firstuser interface object from a first orientation towards the second userinterface object. The method further includes, after moving the firstuser interface object from the first position towards the second userinterface object and/or tilting the first user interface object towardsthe second user interface object, in accordance with a determinationthat the first input satisfies first current-focus-navigation criteria,providing, to the display, data to: move the current focus from thefirst user interface object to the second user interface object, andmove the first user interface object back towards the first positionand/or tilt the first user interface object back towards the firstorientation.

In accordance with some embodiments, a method is performed at anelectronic device with one or more processors and memory. The electronicdevice is in communication with a display. The method includesproviding, to the display, data to present a user interface with aplurality of user interface objects. The plurality of user interfaceobjects includes a first user interface object. A current focus is onthe first user interface object. The method also includes, while thedisplay is presenting the user interface, determining that inactivitycriteria are satisfied; and, in response to determining that theinactivity criteria are satisfied, providing, to the display, data tovisually distinguish the first user interface object in a first mannerfrom the other user interface objects in the plurality of user interfaceobjects. The method further includes, after providing, to the display,the data to visually distinguish the first user interface object in thefirst manner, detecting interaction by a user with the electronic deviceor with another device in communication with the electronic device; and,in response to detecting interaction by the user with the electronicdevice or with another device in communication with the electronicdevice, providing, to the display, data to cease visually distinguishingthe first user interface object in the first manner from the other userinterface objects in the plurality of user interface objects.

In accordance with some embodiments, a method is performed at anelectronic device with one or more processors and memory. The electronicdevice is in communication with a display. The method includesproviding, to the display, data to present a media information userinterface for a first media content item. The media information userinterface for the first media content item includes: a plurality ofmedia source objects that correspond to respective media sources for thefirst media content item, a first media source object of the pluralityof media source objects being visually distinguished to indicateselection of the first media source object, the first media sourceobject corresponding to a first media source; and a first set of mediamanagement objects for the first media content item. The first set ofmedia management objects include one or more media presentation optionobjects that correspond to the first media content item and the firstmedia source. The method also includes, while the display is presentingthe media information user interface, receiving a user input; and, inresponse to receiving the user input, in accordance with a determinationthat the user input corresponds to a request to activate a first mediapresentation option object in the first set of media management objectsfor the first media content item, initiating provision, to the display,of data to play the first media content item using data received fromthe first media source in accordance with a media presentation optionthat corresponds to the first media presentation option object.

In accordance with some embodiments, a method is performed at anelectronic device with one or more processors and memory. The electronicdevice is in communication with a display. The method includesproviding, to the display, data to present a first media informationuser interface for a first media program. The media information userinterface for the first media program includes a plurality of mediasource objects. A respective media source object of the plurality ofmedia source objects corresponds to a respective media source for thefirst media program. A first media source object of the plurality ofmedia source objects is visually distinguished to indicate selection ofthe first media source object. The first media source object correspondsto a first media source. The media information user interface for thefirst media program also includes one or more episode objects thatcorrespond to one or more episodes for the first media program availablefrom the first media source. A first episode object of the one or moreepisode objects is visually distinguished to indicate selection of thefirst episode object. The first episode object corresponds to a firstepisode of the first media program. The media information user interfacefor the first media program includes a first set of media managementobjects for the first episode. The first set of media management objectsinclude one or more media presentation option objects that correspondsto the first episode and the first media source. The method alsoincludes, while the display is presenting the media information userinterface, receiving a user input; and, in response to receiving theuser input, in accordance with a determination that the user inputcorresponds to a request to activate a first media presentation optionobject in the first set of media management objects, initiatingprovision, to the display, of data to play the first episode using datareceived from the first media source in accordance with a mediapresentation option that corresponds to the first media presentationoption object.

In accordance with some embodiments, a method is performed at anelectronic device with one or more processors and memory. The device isin communication with a display. The method includes, while theelectronic device is operating in a first playback navigation mode,providing, to the display, first video information for display; andreceiving an input that corresponds to a request by a user to switch toa second playback navigation mode. The first video information includesinformation that corresponds to one or more frames of a video, ascrubber bar that represents a timeline of the video, a first playheadthat indicates a current play position in the scrubber bar, and aplurality of playback position markers, distinct from the firstplayhead, that indicate predetermined playback positions in the video.The method also includes, in response to receiving the input thatcorresponds to the request by the user to switch to the second playbacknavigation mode, transitioning from operating in the first playbacknavigation mode to operating in the second playback navigation mode;and, while the electronic device is operating in the second playbacknavigation mode: providing, to the display, second video information fordisplay; and ceasing to provide information that corresponds to theplurality of playback position markers that indicate the predeterminedplayback positions in the video. The second video information includesinformation that corresponds to one or more frames of the video, thescrubber bar, and the first playhead.

In accordance with some embodiments, an electronic device includes aprocessing unit. The electronic device is in communication with adisplay unit and with a remote user input device. The processing unit isconfigured to: while the device is operating in a screensaver mode,provide, to the display unit, data to present a first media, thatincludes a first visual motion effect; while the display unit ispresenting the first media that includes the first visual motion effect,receive a user input on the remote user input device; and, in responseto receiving the user input on the remote user input device: determine atype of the user input on the remote user input device; in accordancewith determining that the user input on the remote user input device isa user input of a first type, provide, to the display unit, data topresent the first media that includes a second visual motion effectwithout exiting the screensaver mode, wherein the second visual motioneffect is distinct from the first visual motion effect; and, inaccordance with determining that the user input on the remote user inputdevice is a user input of a second type, distinct from the first type,exit the screensaver mode.

In accordance with some embodiments, an electronic device includes aprocessing unit. The electronic device is in communication with adisplay unit. The display unit is configured to display a user interfacewith a plurality of user interface objects. The processing unit isconfigured to: provide, to the display unit, data to present the userinterface with the plurality of user interface objects, wherein: theplurality of user interface objects includes: a first user interfaceobject and a second user interface object that is adjacent to the firstuser interface object on the display unit; a current focus is on thefirst user interface object of the plurality of user interface objects;while the display unit is presenting the user interface, receive a firstinput that corresponds to a request to move the current focus in theuser interface; and, in response to receiving the first input thatcorresponds to the request to move the current focus in the userinterface, provide, to the display unit, data to: move the first userinterface object from a first position towards the second user interfaceobject and/or tilt the first user interface object from a firstorientation towards the second user interface object; and, after movingthe first user interface object from the first position towards thesecond user interface object and/or tilting the first user interfaceobject towards the second user interface object: move the current focusfrom the first user interface object to the second user interfaceobject, and move the first user interface object back towards the firstposition and/or tilt the first user interface object back towards thefirst orientation.

In accordance with some embodiments, an electronic device includes aprocessing unit. The electronic device is in communication with adisplay unit. The display unit is configured to display a user interfacewith a plurality of user interface objects. The processing unit isconfigured to: provide, to the display unit, data to present the userinterface with the plurality of user interface objects, wherein: theplurality of user interface objects includes: a first user interfaceobject and a second user interface object that is adjacent to the firstuser interface object on the display unit; a current focus is on thefirst user interface object of the plurality of user interface objects;while the display unit is presenting the user interface, receive a firstinput; and, in response to receiving the first input, provide, to thedisplay unit, data to: move the first user interface object from a firstposition towards the second user interface object and/or tilt the firstuser interface object from a first orientation towards the second userinterface object; and, after moving the first user interface object fromthe first position towards the second user interface object and/ortilting the first user interface object towards the second userinterface object: in accordance with a determination that the firstinput satisfies first current-focus-navigation criteria, providing, tothe display unit, data to: move the current focus from the first userinterface object to the second user interface object, and move the firstuser interface object back towards the first position and/or tilt thefirst user interface object back towards the first orientation.

In accordance with some embodiments, an electronic device includes aprocessing unit. The electronic device is in communication with adisplay unit. The display unit is configured to display a user interfacewith a plurality of user interface objects. The processing unit isconfigured to: provide, to the display unit, data to present the userinterface with the plurality of user interface objects, wherein: theplurality of user interface objects includes a first user interfaceobject, and a current focus is on the first user interface object; whilethe display unit is presenting the user interface, that inactivitycriteria are satisfied; in response to determining that the inactivitycriteria are satisfied, provide, to the display unit, data to visuallydistinguish the first user interface object in a first manner from theother user interface objects in the plurality of user interface objects;and, after providing, to the display unit, the data to visuallydistinguish the first user interface object in the first manner: detectinteraction by a user with the electronic device or with another devicein communication with the electronic device; and, in response todetecting interaction by the user with the electronic device or withanother device in communication with the electronic device, provide, tothe display unit, data to cease visually distinguishing the first userinterface object in the first manner from the other user interfaceobjects in the plurality of user interface objects.

In accordance with some embodiments, an electronic device includes aprocessing unit in communication with a display unit configured todisplay user interfaces. The electronic device is in communication withthe display unit. The processing unit is configured to provide, to thedisplay unit, data to present a media information user interface for afirst media content item, wherein the media information user interfacefor the first media content item includes: a plurality of media sourceobjects that correspond to respective media sources for the first mediacontent item, a first media source object of the plurality of mediasource objects be visually distinguished to indicate selection of thefirst media source object, the first media source object correspond to afirst media source; and a first set of media management objects for thefirst media content item, wherein the first set of media managementobjects include one or more media presentation option objects thatcorrespond to the first media content item and the first media source.The processing unit is also configured to, while the display unit ispresenting the media information user interface, receive a user input;and, in response to receiving the user input, in accordance with adetermination that the user input corresponds to a request to activate afirst media presentation option object in the first set of mediamanagement objects for the first media content item, initiate provision,to the display unit, of data to play the first media content item usdata received from the first media source in accordance with a mediapresentation option that corresponds to the first media presentationoption object.

In accordance with some embodiments, an electronic device includes aprocessing unit in communication with a display unit. The electronicdevice in communication with the display unit. The processing unit isconfigured to provide, to the display unit, data to present a firstmedia information user interface for a first media program, wherein themedia information user interface for the first media program includes: aplurality of media source objects, wherein a respective media sourceobject of the plurality of media source objects corresponds to arespective media source for the first media program, a first mediasource object of the plurality of media source objects be visuallydistinguished to indicate selection of the first media source object,the first media source object correspond to a first media source; one ormore episode objects that correspond to one or more episodes for thefirst media program available from the first media source, a firstepisode object of the one or more episode objects be visuallydistinguished to indicate selection of the first episode object, thefirst episode object correspond to a first episode of the first mediaprogram; and a first set of media management objects for the firstepisode, wherein the first set of media management objects include oneor more media presentation option objects that corresponds to the firstepisode and the first media source. The processing unit is alsoconfigured to, while the display unit is present the media informationuser interface, receive a user input; and, in response to receiving theuser input, in accordance with a determination that the user inputcorresponds to a request to activate a first media presentation optionobject in the first set of media management objects, initiate provision,to the display unit, of data to play the first episode us data receivedfrom the first media source in accordance with a media presentationoption that corresponds to the first media presentation option object.

In accordance with some embodiments, an electronic device is incommunication with a display unit that is configured to display mediacontent. The electronic device includes a processing unit. Theprocessing unit is configured to, while the electronic device isoperating in a first playback navigation mode: provide, to the displayunit, first video information for display, wherein the first videoinformation includes information that corresponds to one or more framesof a video, a scrubber bar that represents a timeline of the video, afirst playhead that indicates a current play position in the scrubberbar, and a plurality of playback position markers, distinct from thefirst playhead, that indicate predetermined playback positions in thevideo; and receive an input that corresponds to a request by a user toswitch to a second playback navigation mode; in response to receivingthe input that corresponds to the request by the user to switch to thesecond playback navigation mode, transition from operating in the firstplayback navigation mode to operating in the second playback navigationmode; and, while the device is operating in the second playbacknavigation mode: provide to the display unit, second video informationfor display, wherein the second video information includes informationthat corresponds to one or more frames of the video, the scrubber bar,and the first playhead; and cease to provide information thatcorresponds to the plurality of playback position markers that indicatethe predetermined playback positions in the video.

In accordance with some embodiments, an electronic device includes adisplay, a touch-sensitive surface, optionally one or more sensors todetect intensity of contacts with the touch-sensitive surface, one ormore processors, memory, and one or more programs; the one or moreprograms are stored in the memory and configured to be executed by theone or more processors and the one or more programs include instructionsfor performing or causing performance of the operations of any of themethods described herein. In accordance with some embodiments, acomputer readable storage medium (e.g., a non-transitory computerreadable storage medium, or alternatively, a transitory computerreadable storage medium) has stored therein instructions which whenexecuted by an electronic device with a display, a touch-sensitivesurface, and optionally one or more sensors to detect intensity ofcontacts with the touch-sensitive surface, cause the device to performor cause performance of the operations of any of the methods describedherein. In accordance with some embodiments, a graphical user interfaceon an electronic device with a display, a touch-sensitive surface,optionally one or more sensors to detect intensity of contacts with thetouch-sensitive surface, a memory, and one or more processors to executeone or more programs stored in the memory includes one or more of theelements displayed in any of the methods described above, which areupdated in response to inputs, as described in any of the methodsdescribed herein. In accordance with some embodiments, an electronicdevice includes: a display, a touch-sensitive surface, and optionallyone or more sensors to detect intensity of contacts with thetouch-sensitive surface; and means for performing or causing performanceof the operations of any of the methods described herein. In accordancewith some embodiments, an information processing apparatus, for use inan electronic device with a display and a touch-sensitive surface, andoptionally one or more sensors to detect intensity of contacts with thetouch-sensitive surface, includes means for performing or causingperformance of the operations of any of the methods described herein.

Thus, electronic devices in communication with displays are providedwith faster, more efficient methods and interfaces for navigating andplaying back media content, thereby increasing the effectiveness,efficiency, and user satisfaction with such devices. Such methods andinterfaces may complement or replace conventional methods for navigatingand playing back media content.

BRIEF DESCRIPTION OF THE DRAWINGS

For a better understanding of the various described embodiments,reference should be made to the Description of Embodiments below, inconjunction with the following drawings in which like reference numeralsrefer to corresponding parts throughout the figures.

FIG. 1A is a block diagram illustrating a portable multifunction devicewith a touch-sensitive display in accordance with some embodiments.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments.

FIG. 2 illustrates a portable multifunction device having a touch screenin accordance with some embodiments.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on a portable multifunction device in accordance with someembodiments.

FIG. 4B illustrates an exemplary user interface for a multifunctiondevice with a touch-sensitive surface that is separate from the displayin accordance with some embodiments.

FIG. 4C illustrates exemplary electronic devices that are incommunication with a display and touch-sensitive surface where, for atleast a subset of the electronic devices the display and/ortouch-sensitive surface is integrated into the electronic device inaccordance with some embodiments.

FIGS. 5A-5ZZZZ illustrate exemplary user interfaces for navigatingthrough media content in accordance with some embodiments.

FIGS. 6A-6C are flow diagrams illustrating a method of providing aninteractive screensaver in accordance with some embodiments.

FIGS. 7A-7C are flow diagrams illustrating a method of moving a currentfocus in accordance with some embodiments.

FIGS. 8A-8C are flow diagrams illustrating a method of moving a currentfocus in accordance with some embodiments.

FIGS. 9A-9B are flow diagrams illustrating a method of updating a userinterface based on inactivity criteria in accordance with someembodiments.

FIGS. 10A-10C are flow diagrams illustrating a method of selecting amedia presentation option in accordance with some embodiments.

FIGS. 11A-11D are flow diagrams illustrating a method of selecting amedia presentation option in accordance with some embodiments.

FIGS. 12A-12E are flow diagrams illustrating a method of navigatingthrough media content in accordance with some embodiments.

FIGS. 13-19 are functional block diagrams of electronic devices inaccordance with some embodiments.

DESCRIPTION OF EMBODIMENTS

Many televisions are controlled by remote controls. For example, when auser wants to move from a first region (e.g., a certain frame ortimestamp) of media content (e.g., a video or television program) toanother region of media content, the user needs to press and hold a fastforward button to navigate through the media content until the userfinds a region that is of interest to the user. If the user passes theregion that is of interest to the user, the user needs to press and holda reverse button to go back until the user finds the region that is ofinterest to the user. However, due to the speed of fast forward andreverse operations, the user may need to repeat providing user inputsuntil the desired region is found. Furthermore, if the user decides togo back to the first region, the user needs to press the reverse buttonto traverse back through the media content until the user finds thefirst region. Again, if the user passes the first region, the user needsto press the fast forward button to fast forward through the mediacontent until the user finds the first region. Sometimes, the user maybecome frustrated by having to navigate back and forth through the mediacontent. In the embodiments described below, an improved method fornavigating through media content is achieved by providing multipleplayback navigation modes. While the device is operating in a continuousplayback navigation mode, the user can navigate through the mediacontent with fine resolution, thereby controlling the navigation withprecision. While the device is operating in a chapter playbacknavigation mode, the user can navigate through the media content fromchapter to chapter, thereby achieving rapid navigation through the mediacontent. By allowing the user to easily switch between differentplayback navigation modes, the user can quickly find the region that isof interest to the user, thereby eliminating the need for extra,separate inputs to navigate through the media content.

Below, FIGS. 1A-1B, 2, and 3 provide a description of exemplary devices.FIGS. 4A-4C, and 5A-5ZZZZ, illustrate exemplary user interfaces forselecting and playing media content. FIGS. 6A-6C illustrate a flowdiagram of providing an interactive screensaver. FIGS. 7A-7C illustratea flow diagram of moving a current focus. FIGS. 8A-8C illustrate a flowdiagram of moving a current focus. FIGS. 9A-9B illustrate a flow diagramof updating a user interface based on inactivity criteria. FIGS. 10A-10Cillustrate a flow diagram of providing a media information userinterface with media presentation option objects. FIGS. 11A-11Dillustrate a flow diagram of providing a media information userinterface with media presentation options. FIGS. 12A-12E, illustrate aflow diagram of a method of navigating through media content. The userinterfaces in FIGS. 5A-5ZZZZ are used to illustrate the processes inFIGS. 6A-6C, 7A-7C, 8A-8C, 9A-9B, 10A-10C, 11A-11D, and 12A-12E.

Exemplary Devices

Reference will now be made in detail to embodiments, examples of whichare illustrated in the accompanying drawings. In the following detaileddescription, numerous specific details are set forth in order to providea thorough understanding of the various described embodiments. However,it will be apparent to one of ordinary skill in the art that the variousdescribed embodiments may be practiced without these specific details.In other instances, well-known methods, procedures, components,circuits, and networks have not been described in detail so as not tounnecessarily obscure aspects of the embodiments.

It will also be understood that, although the terms first, second, etc.are, in some instances, used herein to describe various elements, theseelements should not be limited by these terms. These terms are only usedto distinguish one element from another. For example, first videoinformation could be termed second video information, and, similarly,second video information could be termed first video information,without departing from the scope of the various described embodiments.The first video information and the second video information are bothvideo information, but they are not the same video information, unlessthe context clearly indicates otherwise.

The terminology used in the description of the various describedembodiments herein is for the purpose of describing particularembodiments only and is not intended to be limiting. As used in thedescription of the various described embodiments and the appendedclaims, the singular forms “a,” “an,” and “the” are intended to includethe plural forms as well, unless the context clearly indicatesotherwise. It will also be understood that the term “and/or” as usedherein refers to and encompasses any and all possible combinations ofone or more of the associated listed items. It will be furtherunderstood that the terms “includes,” “including,” “comprises,” and/or“comprising,” when used in this specification, specify the presence ofstated features, integers, steps, operations, elements, and/orcomponents, but do not preclude the presence or addition of one or moreother features, integers, steps, operations, elements, components,and/or groups thereof.

As used herein, the term “if” is, optionally, construed to mean “when”or “upon” or “in response to determining” or “in response to detecting,”depending on the context. Similarly, the phrase “if it is determined” or“if [a stated condition or event] is detected” is, optionally, construedto mean “upon determining” or “in response to determining” or “upondetecting [the stated condition or event]” or “in response to detecting[the stated condition or event],” depending on the context.

Embodiments of electronic devices, user interfaces for such devices, andassociated processes for using such devices are described. In someembodiments, the device is a digital media player, such as Apple TV®from Apple Inc. of Cupertino, Calif. In some embodiments, the device isa portable communications device, such as a mobile telephone, that alsocontains other functions, such as PDA and/or music player functions.Exemplary embodiments of portable multifunction devices include, withoutlimitation, the iPhone®, iPod Touch®, and iPad® devices from Apple Inc.of Cupertino, Calif. Other portable electronic devices, such as laptopsor tablet computers with touch-sensitive surfaces (e.g., touch-screendisplays and/or touchpads), are, optionally, used. It should also beunderstood that, in some embodiments, the device is not a portablecommunications device, but is a desktop computer. In some embodiments,the desktop computer has a touch-sensitive surface (e.g., a touch-screendisplay and/or a touchpad).

In the discussion that follows, an electronic device that communicateswith and/or includes a display and a touch-sensitive surface isdescribed. It should be understood, however, that the electronic deviceoptionally includes one or more other physical user-interface devices,such as a physical keyboard, a mouse and/or a joystick.

The device typically supports a variety of applications, such as one ormore of the following: a note taking application, a drawing application,a presentation application, a word processing application, a websitecreation application, a disk authoring application, a spreadsheetapplication, a gaming application, a telephone application, a videoconferencing application, an e-mail application, an instant messagingapplication, a workout support application, a photo managementapplication, a digital camera application, a digital video cameraapplication, a web browsing application, a digital music playerapplication, and/or a digital video player application.

The various applications that are executed on the device optionally useat least one common physical user-interface device, such as thetouch-sensitive surface. One or more functions of the touch-sensitivesurface as well as corresponding information displayed on the deviceare, optionally, adjusted and/or varied from one application to the nextand/or within a respective application. In this way, a common physicalarchitecture (such as the touch-sensitive surface) of the deviceoptionally supports the variety of applications with user interfacesthat are intuitive and transparent to the user.

Attention is now directed toward embodiments of portable devices withtouch-sensitive displays. FIG. 1A is a block diagram illustratingportable multifunction device 100 with touch-sensitive display system112 in accordance with some embodiments. Touch-sensitive display system112 is sometimes called a “touch screen” for convenience, and issometimes simply called a touch-sensitive display. Device 100 includesmemory 102 (which optionally includes one or more non-transitorycomputer readable storage mediums), memory controller 122, one or moreprocessing units (CPUs) 120, peripherals interface 118, RF circuitry108, audio circuitry 110, speaker 111, microphone 113, input/output(I/O) subsystem 106, other input or control devices 116, and externalport 124. Device 100 optionally includes one or more optical sensors164. Device 100 optionally includes one or more intensity sensors 165for detecting intensity of contacts on device 100 (e.g., atouch-sensitive surface such as touch-sensitive display system 112 ofdevice 100). Device 100 optionally includes one or more tactile outputgenerators 167 for generating tactile outputs on device 100 (e.g.,generating tactile outputs on a touch-sensitive surface such astouch-sensitive display system 112 of device 100 or touchpad 355 ofdevice 300). These components optionally communicate over one or morecommunication buses or signal lines 103.

As used in the specification and claims, the term “tactile output”refers to physical displacement of a device relative to a previousposition of the device, physical displacement of a component (e.g., atouch-sensitive surface) of a device relative to another component(e.g., housing) of the device, or displacement of the component relativeto a center of mass of the device that will be detected by a user withthe user's sense of touch. For example, in situations where the deviceor the component of the device is in contact with a surface of a userthat is sensitive to touch (e.g., a finger, palm, or other part of auser's hand), the tactile output generated by the physical displacementwill be interpreted by the user as a tactile sensation corresponding toa perceived change in physical characteristics of the device or thecomponent of the device. For example, movement of a touch-sensitivesurface (e.g., a touch-sensitive display or trackpad) is, optionally,interpreted by the user as a “down click” or “up click” of a physicalactuator button. In some cases, a user will feel a tactile sensationsuch as an “down click” or “up click” even when there is no movement ofa physical actuator button associated with the touch-sensitive surfacethat is physically pressed (e.g., displaced) by the user's movements. Asanother example, movement of the touch-sensitive surface is, optionally,interpreted or sensed by the user as “roughness” of the touch-sensitivesurface, even when there is no change in smoothness of thetouch-sensitive surface. While such interpretations of touch by a userwill be subject to the individualized sensory perceptions of the user,there are many sensory perceptions of touch that are common to a largemajority of users. Thus, when a tactile output is described ascorresponding to a particular sensory perception of a user (e.g., an “upclick,” a “down click,” “roughness”), unless otherwise stated, thegenerated tactile output corresponds to physical displacement of thedevice or a component thereof that will generate the described sensoryperception for a typical (or average) user.

It should be appreciated that device 100 is only one example of aportable multifunction device, and that device 100 optionally has moreor fewer components than shown, optionally combines two or morecomponents, or optionally has a different configuration or arrangementof the components. The various components shown in FIG. 1A areimplemented in hardware, software, firmware, or a combination thereof,including one or more signal processing and/or application specificintegrated circuits.

Memory 102 optionally includes high-speed random access memory andoptionally also includes non-volatile memory, such as one or moremagnetic disk storage devices, flash memory devices, or othernon-volatile solid-state memory devices. Access to memory 102 by othercomponents of device 100, such as CPU(s) 120 and the peripheralsinterface 118, is, optionally, controlled by memory controller 122.

Peripherals interface 118 can be used to couple input and outputperipherals of the device to CPU(s) 120 and memory 102. The one or moreprocessors 120 run or execute various software programs and/or sets ofinstructions stored in memory 102 to perform various functions fordevice 100 and to process data.

In some embodiments, peripherals interface 118, CPU(s) 120, and memorycontroller 122 are, optionally, implemented on a single chip, such aschip 104. In some other embodiments, they are, optionally, implementedon separate chips.

RF (radio frequency) circuitry 108 receives and sends RF signals, alsocalled electromagnetic signals. RF circuitry 108 converts electricalsignals to/from electromagnetic signals and communicates withcommunications networks and other communications devices via theelectromagnetic signals. RF circuitry 108 optionally includes well-knowncircuitry for performing these functions, including but not limited toan antenna system, an RF transceiver, one or more amplifiers, a tuner,one or more oscillators, a digital signal processor, a CODEC chipset, asubscriber identity module (SIM) card, memory, and so forth. RFcircuitry 108 optionally communicates with networks, such as theInternet, also referred to as the World Wide Web (WWW), an intranetand/or a wireless network, such as a cellular telephone network, awireless local area network (LAN) and/or a metropolitan area network(MAN), and other devices by wireless communication. The wirelesscommunication optionally uses any of a plurality of communicationsstandards, protocols and technologies, including but not limited toGlobal System for Mobile Communications (GSM), Enhanced Data GSMEnvironment (EDGE), high-speed downlink packet access (HSDPA),high-speed uplink packet access (HSDPA), Evolution, Data-Only (EV-DO),HSPA, HSPA+, Dual-Cell HSPA (DC-HSPDA), long term evolution (LTE), nearfield communication (NFC), wideband code division multiple access(W-CDMA), code division multiple access (CDMA), time division multipleaccess (TDMA), Bluetooth, Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a,IEEE 802.11ac, IEEE 802.11ax, IEEE 802.11b, IEEE 802.11g and/or IEEE802.11n), voice over Internet Protocol (VoIP), Wi-MAX, a protocol fore-mail (e.g., Internet message access protocol (IMAP) and/or post officeprotocol (POP)), instant messaging (e.g., extensible messaging andpresence protocol (XMPP), Session Initiation Protocol for InstantMessaging and Presence Leveraging Extensions (SIMPLE), Instant Messagingand Presence Service (IMPS)), and/or Short Message Service (SMS), or anyother suitable communication protocol, including communication protocolsnot yet developed as of the filing date of this document.

Audio circuitry 110, speaker 111, and microphone 113 provide an audiointerface between a user and device 100. Audio circuitry 110 receivesaudio data from peripherals interface 118, converts the audio data to anelectrical signal, and transmits the electrical signal to speaker 111.Speaker 111 converts the electrical signal to human-audible sound waves.Audio circuitry 110 also receives electrical signals converted bymicrophone 113 from sound waves. Audio circuitry 110 converts theelectrical signal to audio data and transmits the audio data toperipherals interface 118 for processing. Audio data is, optionally,retrieved from and/or transmitted to memory 102 and/or RF circuitry 108by peripherals interface 118. In some embodiments, audio circuitry 110also includes a headset jack (e.g., 212, FIG. 2). The headset jackprovides an interface between audio circuitry 110 and removable audioinput/output peripherals, such as output-only headphones or a headsetwith both output (e.g., a headphone for one or both ears) and input(e.g., a microphone).

I/O subsystem 106 couples input/output peripherals on device 100, suchas touch-sensitive display system 112 and other input or control devices116, with peripherals interface 118. I/O subsystem 106 optionallyincludes display controller 156, optical sensor controller 158,intensity sensor controller 159, haptic feedback controller 161, and oneor more input controllers 160 for other input or control devices. Theone or more input controllers 160 receive/send electrical signalsfrom/to other input or control devices 116. The other input or controldevices 116 optionally include physical buttons (e.g., push buttons,rocker buttons, etc.), dials, slider switches, joysticks, click wheels,and so forth. In some alternate embodiments, input controller(s) 160are, optionally, coupled with any (or none) of the following: akeyboard, infrared port, USB port, stylus, and/or a pointer device suchas a mouse. The one or more buttons (e.g., 208, FIG. 2) optionallyinclude an up/down button for volume control of speaker 111 and/ormicrophone 113. The one or more buttons optionally include a push button(e.g., 206, FIG. 2).

Touch-sensitive display system 112 provides an input interface and anoutput interface between the device and a user. Display controller 156receives and/or sends electrical signals from/to touch-sensitive displaysystem 112. Touch-sensitive display system 112 displays visual output tothe user. The visual output optionally includes graphics, text, icons,video, and any combination thereof (collectively termed “graphics”). Insome embodiments, some or all of the visual output corresponds touser-interface objects.

Touch-sensitive display system 112 has a touch-sensitive surface, sensoror set of sensors that accepts input from the user based on hapticand/or tactile contact. Touch-sensitive display system 112 and displaycontroller 156 (along with any associated modules and/or sets ofinstructions in memory 102) detect contact (and any movement or breakingof the contact) on touch-sensitive display system 112 and converts thedetected contact into interaction with user-interface objects (e.g., oneor more soft keys, icons, web pages or images) that are displayed ontouch-sensitive display system 112. In some embodiments, a point ofcontact between touch-sensitive display system 112 and the usercorresponds to a finger of the user or a stylus.

Touch-sensitive display system 112 optionally uses LCD (liquid crystaldisplay) technology, LPD (light emitting polymer display) technology, orLED (light emitting diode) technology, although other displaytechnologies are used in other embodiments. Touch-sensitive displaysystem 112 and display controller 156 optionally detect contact and anymovement or breaking thereof using any of a plurality of touch sensingtechnologies now known or later developed, including but not limited tocapacitive, resistive, infrared, and surface acoustic wave technologies,as well as other proximity sensor arrays or other elements fordetermining one or more points of contact with touch-sensitive displaysystem 112. In some embodiments, projected mutual capacitance sensingtechnology is used, such as that found in the iPhone®, iPod Touch®, andiPad® from Apple Inc. of Cupertino, Calif.

Touch-sensitive display system 112 optionally has a video resolution inexcess of 100 dpi. In some embodiments, the touch screen videoresolution is in excess of 400 dpi (e.g., 500 dpi, 800 dpi, or greater).The user optionally makes contact with touch-sensitive display system112 using any suitable object or appendage, such as a stylus, a finger,and so forth. In some embodiments, the user interface is designed towork with finger-based contacts and gestures, which can be less precisethan stylus-based input due to the larger area of contact of a finger onthe touch screen. In some embodiments, the device translates the roughfinger-based input into a precise pointer/cursor position or command forperforming the actions desired by the user.

In some embodiments, in addition to the touch screen, device 100optionally includes a touchpad (not shown) for activating ordeactivating particular functions. In some embodiments, the touchpad isa touch-sensitive area of the device that, unlike the touch screen, doesnot display visual output. The touchpad is, optionally, atouch-sensitive surface that is separate from touch-sensitive displaysystem 112 or an extension of the touch-sensitive surface formed by thetouch screen.

Device 100 also includes power system 162 for powering the variouscomponents. Power system 162 optionally includes a power managementsystem, one or more power sources (e.g., battery, alternating current(AC)), a recharging system, a power failure detection circuit, a powerconverter or inverter, a power status indicator (e.g., a light-emittingdiode (LED)) and any other components associated with the generation,management and distribution of power in portable devices.

Device 100 optionally also includes one or more optical sensors 164.FIG. 1A shows an optical sensor coupled with optical sensor controller158 in I/O subsystem 106. Optical sensor(s) 164 optionally includecharge-coupled device (CCD) or complementary metal-oxide semiconductor(CMOS) phototransistors. Optical sensor(s) 164 receive light from theenvironment, projected through one or more lens, and converts the lightto data representing an image. In conjunction with imaging module 143(also called a camera module), optical sensor(s) 164 optionally capturestill images and/or video. In some embodiments, an optical sensor islocated on the back of device 100, opposite touch-sensitive displaysystem 112 on the front of the device, so that the touch screen isenabled for use as a viewfinder for still and/or video imageacquisition. In some embodiments, another optical sensor is located onthe front of the device so that the user's image is obtained (e.g., forselfies, for videoconferencing while the user views the other videoconference participants on the touch screen, etc.).

Device 100 optionally also includes one or more contact intensitysensors 165. FIG. 1A shows a contact intensity sensor coupled withintensity sensor controller 159 in I/O subsystem 106. Contact intensitysensor(s) 165 optionally include one or more piezoresistive straingauges, capacitive force sensors, electric force sensors, piezoelectricforce sensors, optical force sensors, capacitive touch-sensitivesurfaces, or other intensity sensors (e.g., sensors used to measure theforce (or pressure) of a contact on a touch-sensitive surface). Contactintensity sensor(s) 165 receive contact intensity information (e.g.,pressure information or a proxy for pressure information) from theenvironment. In some embodiments, at least one contact intensity sensoris collocated with, or proximate to, a touch-sensitive surface (e.g.,touch-sensitive display system 112). In some embodiments, at least onecontact intensity sensor is located on the back of device 100, oppositetouch-screen display system 112 which is located on the front of device100.

Device 100 optionally also includes one or more proximity sensors 166.FIG. 1A shows proximity sensor 166 coupled with peripherals interface118. Alternately, proximity sensor 166 is coupled with input controller160 in I/O subsystem 106. In some embodiments, the proximity sensorturns off and disables touch-sensitive display system 112 when themultifunction device is placed near the user's ear (e.g., when the useris making a phone call).

Device 100 optionally also includes one or more tactile outputgenerators 167. FIG. 1A shows a tactile output generator coupled withhaptic feedback controller 161 in I/O subsystem 106. Tactile outputgenerator(s) 167 optionally include one or more electroacoustic devicessuch as speakers or other audio components and/or electromechanicaldevices that convert energy into linear motion such as a motor,solenoid, electroactive polymer, piezoelectric actuator, electrostaticactuator, or other tactile output generating component (e.g., acomponent that converts electrical signals into tactile outputs on thedevice). In some embodiments, tactile output generator(s) 167 receivetactile feedback generation instructions from haptic feedback module 133and generates tactile outputs on device 100 that are capable of beingsensed by a user of device 100. In some embodiments, at least onetactile output generator is collocated with, or proximate to, atouch-sensitive surface (e.g., touch-sensitive display system 112) and,optionally, generates a tactile output by moving the touch-sensitivesurface vertically (e.g., in/out of a surface of device 100) orlaterally (e.g., back and forth in the same plane as a surface of device100). In some embodiments, at least one tactile output generator sensoris located on the back of device 100, opposite touch-sensitive displaysystem 112, which is located on the front of device 100.

Device 100 optionally also includes one or more accelerometers 168. FIG.1A shows accelerometer 168 coupled with peripherals interface 118.Alternately, accelerometer 168 is, optionally, coupled with an inputcontroller 160 in I/O subsystem 106. In some embodiments, information isdisplayed on the touch-screen display in a portrait view or a landscapeview based on an analysis of data received from the one or moreaccelerometers. Device 100 optionally includes, in addition toaccelerometer(s) 168, a magnetometer (not shown) and a GPS (or GLONASSor other global navigation system) receiver (not shown) for obtaininginformation concerning the location and orientation (e.g., portrait orlandscape) of device 100.

In some embodiments, the software components stored in memory 102include operating system 126, communication module (or set ofinstructions) 128, contact/motion module (or set of instructions) 130,graphics module (or set of instructions) 132, haptic feedback module (orset of instructions) 133, text input module (or set of instructions)134, Global Positioning System (GPS) module (or set of instructions)135, and applications (or sets of instructions) 136. Furthermore, insome embodiments, memory 102 stores device/global internal state 157, asshown in FIGS. 1A and 3. Device/global internal state 157 includes oneor more of: active application state, indicating which applications, ifany, are currently active; display state, indicating what applications,views or other information occupy various regions of touch-sensitivedisplay system 112; sensor state, including information obtained fromthe device's various sensors and other input or control devices 116; andlocation and/or positional information concerning the device's locationand/or attitude.

Operating system 126 (e.g., iOS, Darwin, RTXC, LINUX, UNIX, OS X,WINDOWS, or an embedded operating system such as VxWorks) includesvarious software components and/or drivers for controlling and managinggeneral system tasks (e.g., memory management, storage device control,power management, etc.) and facilitates communication between varioushardware and software components.

Communication module 128 facilitates communication with other devicesover one or more external ports 124 and also includes various softwarecomponents for handling data received by RF circuitry 108 and/orexternal port 124. External port 124 (e.g., Universal Serial Bus (USB),FIREWIRE, etc.) is adapted for coupling directly to other devices orindirectly over a network (e.g., the Internet, wireless LAN, etc.). Insome embodiments, the external port is a multi-pin (e.g., 30-pin)connector that is the same as, or similar to and/or compatible with the30-pin connector used in some iPhone®, iPod Touch®, and iPad® devicesfrom Apple Inc. of Cupertino, Calif. In some embodiments, the externalport is a Lightning connector that is the same as, or similar to and/orcompatible with the Lightning connector used in some iPhone®, iPodTouch®, and iPad® devices from Apple Inc. of Cupertino, Calif.

Contact/motion module 130 optionally detects contact withtouch-sensitive display system 112 (in conjunction with displaycontroller 156) and other touch-sensitive devices (e.g., a touchpad orphysical click wheel). Contact/motion module 130 includes varioussoftware components for performing various operations related todetection of contact (e.g., by a finger or by a stylus), such asdetermining if contact has occurred (e.g., detecting a finger-downevent), determining an intensity of the contact (e.g., the force orpressure of the contact or a substitute for the force or pressure of thecontact), determining if there is movement of the contact and trackingthe movement across the touch-sensitive surface (e.g., detecting one ormore finger-dragging events), and determining if the contact has ceased(e.g., detecting a finger-up event or a break in contact).Contact/motion module 130 receives contact data from the touch-sensitivesurface. Determining movement of the point of contact, which isrepresented by a series of contact data, optionally includes determiningspeed (magnitude), velocity (magnitude and direction), and/or anacceleration (a change in magnitude and/or direction) of the point ofcontact. These operations are, optionally, applied to single contacts(e.g., one finger contacts or stylus contacts) or to multiplesimultaneous contacts (e.g., “multitouch”/multiple finger contacts). Insome embodiments, contact/motion module 130 and display controller 156detect contact on a touchpad.

Contact/motion module 130 optionally detects a gesture input by a user.Different gestures on the touch-sensitive surface have different contactpatterns (e.g., different motions, timings, and/or intensities ofdetected contacts). Thus, a gesture is, optionally, detected bydetecting a particular contact pattern. For example, detecting a fingertap gesture includes detecting a finger-down event followed by detectinga finger-up (lift off) event at the same position (or substantially thesame position) as the finger-down event (e.g., at the position of anicon). As another example, detecting a finger swipe gesture on thetouch-sensitive surface includes detecting a finger-down event followedby detecting one or more finger-dragging events, and subsequentlyfollowed by detecting a finger-up (lift off) event. Similarly, tap,swipe, drag, and other gestures are optionally detected for a stylus bydetecting a particular contact pattern for the stylus.

Graphics module 132 includes various known software components forrendering and displaying graphics on touch-sensitive display system 112or other display, including components for changing the visual impact(e.g., brightness, transparency, saturation, contrast or other visualproperty) of graphics that are displayed. As used herein, the term“graphics” includes any object that can be displayed to a user,including without limitation text, web pages, icons (such asuser-interface objects including soft keys), digital images, videos,animations and the like.

In some embodiments, graphics module 132 stores data representinggraphics to be used. Each graphic is, optionally, assigned acorresponding code. Graphics module 132 receives, from applicationsetc., one or more codes specifying graphics to be displayed along with,if necessary, coordinate data and other graphic property data, and thengenerates screen image data to output to display controller 156.

Haptic feedback module 133 includes various software components forgenerating instructions used (e.g., instructions used by haptic feedbackcontroller 161) to produce tactile outputs using tactile outputgenerator(s) 167 at one or more locations on device 100 in response touser interactions with device 100.

Text input module 134, which is, optionally, a component of graphicsmodule 132, provides soft keyboards for entering text in variousapplications (e.g., contacts 137, e-mail 140, IM 141, browser 147, andany other application that needs text input).

GPS module 135 determines the location of the device and provides thisinformation for use in various applications (e.g., to telephone 138 foruse in location-based dialing, to camera 143 as picture/video metadata,and to applications that provide location-based services such as weatherwidgets, local yellow page widgets, and map/navigation widgets).

Applications 136 optionally include the following modules (or sets ofinstructions), or a subset or superset thereof:

-   -   contacts module 137 (sometimes called an address book or contact        list);    -   telephone module 138;    -   video conferencing module 139;    -   e-mail client module 140;    -   instant messaging (IM) module 141;    -   workout support module 142;    -   camera module 143 for still and/or video images;    -   image management module 144;    -   browser module 147;    -   calendar module 148;    -   widget modules 149, which optionally include one or more of:        weather widget 149-1, stocks widget 149-2, calculator widget        149-3, alarm clock widget 149-4, dictionary widget 149-5, and        other widgets obtained by the user, as well as user-created        widgets 149-6;    -   widget creator module 150 for making user-created widgets 149-6;    -   search module 151;    -   video and music player module 152, which is, optionally, made up        of a video player module and a music player module;    -   notes module 153;    -   map module 154; and/or    -   online video module 155.

Examples of other applications 136 that are, optionally, stored inmemory 102 include other word processing applications, other imageediting applications, drawing applications, presentation applications,JAVA-enabled applications, encryption, digital rights management, voicerecognition, and voice replication.

In conjunction with touch-sensitive display system 112, displaycontroller 156, contact module 130, graphics module 132, and text inputmodule 134, contacts module 137 includes executable instructions tomanage an address book or contact list (e.g., stored in applicationinternal state 192 of contacts module 137 in memory 102 or memory 370),including: adding name(s) to the address book; deleting name(s) from theaddress book; associating telephone number(s), e-mail address(es),physical address(es) or other information with a name; associating animage with a name; categorizing and sorting names; providing telephonenumbers and/or e-mail addresses to initiate and/or facilitatecommunications by telephone 138, video conference 139, e-mail 140, or IM141; and so forth.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch-sensitive display system 112, display controller156, contact module 130, graphics module 132, and text input module 134,telephone module 138 includes executable instructions to enter asequence of characters corresponding to a telephone number, access oneor more telephone numbers in address book 137, modify a telephone numberthat has been entered, dial a respective telephone number, conduct aconversation and disconnect or hang up when the conversation iscompleted. As noted above, the wireless communication optionally usesany of a plurality of communications standards, protocols andtechnologies.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch-sensitive display system 112, display controller156, optical sensor(s) 164, optical sensor controller 158, contactmodule 130, graphics module 132, text input module 134, contact list137, and telephone module 138, videoconferencing module 139 includesexecutable instructions to initiate, conduct, and terminate a videoconference between a user and one or more other participants inaccordance with user instructions.

In conjunction with RF circuitry 108, touch-sensitive display system112, display controller 156, contact module 130, graphics module 132,and text input module 134, e-mail client module 140 includes executableinstructions to create, send, receive, and manage e-mail in response touser instructions. In conjunction with image management module 144,e-mail client module 140 makes it very easy to create and send e-mailswith still or video images taken with camera module 143.

In conjunction with RF circuitry 108, touch-sensitive display system112, display controller 156, contact module 130, graphics module 132,and text input module 134, the instant messaging module 141 includesexecutable instructions to enter a sequence of characters correspondingto an instant message, to modify previously entered characters, totransmit a respective instant message (for example, using a ShortMessage Service (SMS) or Multimedia Message Service (MMS) protocol fortelephony-based instant messages or using XMPP, SIMPLE, Apple PushNotification Service (APNs) or IMPS for Internet-based instantmessages), to receive instant messages and to view received instantmessages. In some embodiments, transmitted and/or received instantmessages optionally include graphics, photos, audio files, video filesand/or other attachments as are supported in a MMS and/or an EnhancedMessaging Service (EMS). As used herein, “instant messaging” refers toboth telephony-based messages (e.g., messages sent using SMS or MMS) andInternet-based messages (e.g., messages sent using XMPP, SIMPLE, APNs,or IMPS).

In conjunction with RF circuitry 108, touch-sensitive display system112, display controller 156, contact module 130, graphics module 132,text input module 134, GPS module 135, map module 154, and music playermodule 146, workout support module 142 includes executable instructionsto create workouts (e.g., with time, distance, and/or calorie burninggoals); communicate with workout sensors (in sports devices and smartwatches); receive workout sensor data; calibrate sensors used to monitora workout; select and play music for a workout; and display, store andtransmit workout data.

In conjunction with touch-sensitive display system 112, displaycontroller 156, optical sensor(s) 164, optical sensor controller 158,contact module 130, graphics module 132, and image management module144, camera module 143 includes executable instructions to capture stillimages or video (including a video stream) and store them into memory102, modify characteristics of a still image or video, and/or delete astill image or video from memory 102.

In conjunction with touch-sensitive display system 112, displaycontroller 156, contact module 130, graphics module 132, text inputmodule 134, and camera module 143, image management module 144 includesexecutable instructions to arrange, modify (e.g., edit), or otherwisemanipulate, label, delete, present (e.g., in a digital slide show oralbum), and store still and/or video images.

In conjunction with RF circuitry 108, touch-sensitive display system112, display system controller 156, contact module 130, graphics module132, and text input module 134, browser module 147 includes executableinstructions to browse the Internet in accordance with userinstructions, including searching, linking to, receiving, and displayingweb pages or portions thereof, as well as attachments and other fileslinked to web pages.

In conjunction with RF circuitry 108, touch-sensitive display system112, display system controller 156, contact module 130, graphics module132, text input module 134, e-mail client module 140, and browser module147, calendar module 148 includes executable instructions to create,display, modify, and store calendars and data associated with calendars(e.g., calendar entries, to do lists, etc.) in accordance with userinstructions.

In conjunction with RF circuitry 108, touch-sensitive display system112, display system controller 156, contact module 130, graphics module132, text input module 134, and browser module 147, widget modules 149are mini-applications that are, optionally, downloaded and used by auser (e.g., weather widget 149-1, stocks widget 149-2, calculator widget149-3, alarm clock widget 149-4, and dictionary widget 149-5) or createdby the user (e.g., user-created widget 149-6). In some embodiments, awidget includes an HTML (Hypertext Markup Language) file, a CSS(Cascading Style Sheets) file, and a JavaScript file. In someembodiments, a widget includes an XML (Extensible Markup Language) fileand a JavaScript file (e.g., Yahoo! Widgets).

In conjunction with RF circuitry 108, touch-sensitive display system112, display system controller 156, contact module 130, graphics module132, text input module 134, and browser module 147, the widget creatormodule 150 includes executable instructions to create widgets (e.g.,turning a user-specified portion of a web page into a widget).

In conjunction with touch-sensitive display system 112, display systemcontroller 156, contact module 130, graphics module 132, and text inputmodule 134, search module 151 includes executable instructions to searchfor text, music, sound, image, video, and/or other files in memory 102that match one or more search criteria (e.g., one or more user-specifiedsearch terms) in accordance with user instructions.

In conjunction with touch-sensitive display system 112, display systemcontroller 156, contact module 130, graphics module 132, audio circuitry110, speaker 111, RF circuitry 108, and browser module 147, video andmusic player module 152 includes executable instructions that allow theuser to download and play back recorded music and other sound filesstored in one or more file formats, such as MP3 or AAC files, andexecutable instructions to display, present or otherwise play backvideos (e.g., on touch-sensitive display system 112, or on an externaldisplay connected wirelessly or via external port 124). In someembodiments, device 100 optionally includes the functionality of an MP3player, such as an iPod (trademark of Apple Inc.).

In conjunction with touch-sensitive display system 112, displaycontroller 156, contact module 130, graphics module 132, and text inputmodule 134, notes module 153 includes executable instructions to createand manage notes, to do lists, and the like in accordance with userinstructions.

In conjunction with RF circuitry 108, touch-sensitive display system112, display system controller 156, contact module 130, graphics module132, text input module 134, GPS module 135, and browser module 147, mapmodule 154 includes executable instructions to receive, display, modify,and store maps and data associated with maps (e.g., driving directions;data on stores and other points of interest at or near a particularlocation; and other location-based data) in accordance with userinstructions.

In conjunction with touch-sensitive display system 112, display systemcontroller 156, contact module 130, graphics module 132, audio circuitry110, speaker 111, RF circuitry 108, text input module 134, e-mail clientmodule 140, and browser module 147, online video module 155 includesexecutable instructions that allow the user to access, browse, receive(e.g., by streaming and/or download), play back (e.g., on the touchscreen 112, or on an external display connected wirelessly or viaexternal port 124), send an e-mail with a link to a particular onlinevideo, and otherwise manage online videos in one or more file formats,such as H.264. In some embodiments, instant messaging module 141, ratherthan e-mail client module 140, is used to send a link to a particularonline video.

Each of the above identified modules and applications corresponds to aset of executable instructions for performing one or more functionsdescribed above and the methods described in this application (e.g., thecomputer-implemented methods and other information processing methodsdescribed herein). These modules (i.e., sets of instructions) need notbe implemented as separate software programs, procedures or modules, andthus various subsets of these modules are, optionally, combined orotherwise re-arranged in various embodiments. In some embodiments,memory 102 optionally stores a subset of the modules and data structuresidentified above. Furthermore, memory 102 optionally stores additionalmodules and data structures not described above.

In some embodiments, device 100 is a device where operation of apredefined set of functions on the device is performed exclusivelythrough a touch screen and/or a touchpad. By using a touch screen and/ora touchpad as the primary input control device for operation of device100, the number of physical input control devices (such as push buttons,dials, and the like) on device 100 is, optionally, reduced.

The predefined set of functions that are performed exclusively through atouch screen and/or a touchpad optionally include navigation betweenuser interfaces. In some embodiments, the touchpad, when touched by theuser, navigates device 100 to a main, home, or root menu from any userinterface that is displayed on device 100. In such embodiments, a “menubutton” is implemented using a touchpad. In some other embodiments, themenu button is a physical push button or other physical input controldevice instead of a touchpad.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments. In some embodiments,memory 102 (in FIG. 1A) or 370 (FIG. 3) includes event sorter 170 (e.g.,in operating system 126) and a respective application 136-1 (e.g., anyof the aforementioned applications 136 and 137-155 or applications380-394 described below).

Event sorter 170 receives event information and determines theapplication 136-1 and application view 191 of application 136-1 to whichto deliver the event information. Event sorter 170 includes eventmonitor 171 and event dispatcher module 174. In some embodiments,application 136-1 includes application internal state 192, whichindicates the current application view(s) displayed on touch-sensitivedisplay system 112 when the application is active or executing. In someembodiments, device/global internal state 157 is used by event sorter170 to determine which application(s) is (are) currently active, andapplication internal state 192 is used by event sorter 170 to determineapplication views 191 to which to deliver event information.

In some embodiments, application internal state 192 includes additionalinformation, such as one or more of: resume information to be used whenapplication 136-1 resumes execution, user interface state informationthat indicates information being displayed or that is ready for displayby application 136-1, a state queue for enabling the user to go back toa prior state or view of application 136-1, and a redo/undo queue ofprevious actions taken by the user.

Event monitor 171 receives event information from peripherals interface118. Event information includes information about a sub-event (e.g., auser touch on touch-sensitive display system 112, as part of amulti-touch gesture). Peripherals interface 118 transmits information itreceives from I/O subsystem 106 or a sensor, such as proximity sensor166, accelerometer(s) 168, and/or microphone 113 (through audiocircuitry 110). Information that peripherals interface 118 receives fromI/O subsystem 106 includes information from touch-sensitive displaysystem 112 or a touch-sensitive surface.

In some embodiments, event monitor 171 sends requests to the peripheralsinterface 118 at predetermined intervals. In response, peripheralsinterface 118 transmits event information. In other embodiments,peripheral interface 118 transmits event information only when there isa significant event (e.g., receiving an input above a predeterminednoise threshold and/or for more than a predetermined duration).

In some embodiments, event sorter 170 also includes a hit viewdetermination module 172 and/or an active event recognizer determinationmodule 173.

Hit view determination module 172 provides software procedures fordetermining where a sub-event has taken place within one or more views,when touch-sensitive display system 112 displays more than one view.Views are made up of controls and other elements that a user can see onthe display.

Another aspect of the user interface associated with an application is aset of views, sometimes herein called application views or userinterface windows, in which information is displayed and touch-basedgestures occur. The application views (of a respective application) inwhich a touch is detected optionally correspond to programmatic levelswithin a programmatic or view hierarchy of the application. For example,the lowest level view in which a touch is detected is, optionally,called the hit view, and the set of events that are recognized as properinputs are, optionally, determined based, at least in part, on the hitview of the initial touch that begins a touch-based gesture.

Hit view determination module 172 receives information related tosub-events of a touch-based gesture. When an application has multipleviews organized in a hierarchy, hit view determination module 172identifies a hit view as the lowest view in the hierarchy which shouldhandle the sub-event. In most circumstances, the hit view is the lowestlevel view in which an initiating sub-event occurs (i.e., the firstsub-event in the sequence of sub-events that form an event or potentialevent). Once the hit view is identified by the hit view determinationmodule, the hit view typically receives all sub-events related to thesame touch or input source for which it was identified as the hit view.

Active event recognizer determination module 173 determines which viewor views within a view hierarchy should receive a particular sequence ofsub-events. In some embodiments, active event recognizer determinationmodule 173 determines that only the hit view should receive a particularsequence of sub-events. In other embodiments, active event recognizerdetermination module 173 determines that all views that include thephysical location of a sub-event are actively involved views, andtherefore determines that all actively involved views should receive aparticular sequence of sub-events. In other embodiments, even if touchsub-events were entirely confined to the area associated with oneparticular view, views higher in the hierarchy would still remain asactively involved views.

Event dispatcher module 174 dispatches the event information to an eventrecognizer (e.g., event recognizer 180). In embodiments including activeevent recognizer determination module 173, event dispatcher module 174delivers the event information to an event recognizer determined byactive event recognizer determination module 173. In some embodiments,event dispatcher module 174 stores in an event queue the eventinformation, which is retrieved by a respective event receiver module182.

In some embodiments, operating system 126 includes event sorter 170.Alternatively, application 136-1 includes event sorter 170. In yet otherembodiments, event sorter 170 is a stand-alone module, or a part ofanother module stored in memory 102, such as contact/motion module 130.

In some embodiments, application 136-1 includes a plurality of eventhandlers 190 and one or more application views 191, each of whichincludes instructions for handling touch events that occur within arespective view of the application's user interface. Each applicationview 191 of the application 136-1 includes one or more event recognizers180. Typically, a respective application view 191 includes a pluralityof event recognizers 180. In other embodiments, one or more of eventrecognizers 180 are part of a separate module, such as a user interfacekit (not shown) or a higher level object from which application 136-1inherits methods and other properties. In some embodiments, a respectiveevent handler 190 includes one or more of: data updater 176, objectupdater 177, GUI updater 178, and/or event data 179 received from eventsorter 170. Event handler 190 optionally utilizes or calls data updater176, object updater 177 or GUI updater 178 to update the applicationinternal state 192. Alternatively, one or more of the application views191 includes one or more respective event handlers 190. Also, in someembodiments, one or more of data updater 176, object updater 177, andGUI updater 178 are included in a respective application view 191.

A respective event recognizer 180 receives event information (e.g.,event data 179) from event sorter 170, and identifies an event from theevent information. Event recognizer 180 includes event receiver 182 andevent comparator 184. In some embodiments, event recognizer 180 alsoincludes at least a subset of: metadata 183, and event deliveryinstructions 188 (which optionally include sub-event deliveryinstructions).

Event receiver 182 receives event information from event sorter 170. Theevent information includes information about a sub-event, for example, atouch or a touch movement. Depending on the sub-event, the eventinformation also includes additional information, such as location ofthe sub-event. When the sub-event concerns motion of a touch, the eventinformation optionally also includes speed and direction of thesub-event. In some embodiments, events include rotation of the devicefrom one orientation to another (e.g., from a portrait orientation to alandscape orientation, or vice versa), and the event informationincludes corresponding information about the current orientation (alsocalled device attitude) of the device.

Event comparator 184 compares the event information to predefined eventor sub-event definitions and, based on the comparison, determines anevent or sub-event, or determines or updates the state of an event orsub-event. In some embodiments, event comparator 184 includes eventdefinitions 186. Event definitions 186 contain definitions of events(e.g., predefined sequences of sub-events), for example, event 1(187-1), event 2 (187-2), and others. In some embodiments, sub-events inan event 187 include, for example, touch begin, touch end, touchmovement, touch cancellation, and multiple touching. In one example, thedefinition for event 1 (187-1) is a double tap on a displayed object.The double tap, for example, comprises a first touch (touch begin) onthe displayed object for a predetermined phase, a first lift-off (touchend) for a predetermined phase, a second touch (touch begin) on thedisplayed object for a predetermined phase, and a second lift-off (touchend) for a predetermined phase. In another example, the definition forevent 2 (187-2) is a dragging on a displayed object. The dragging, forexample, comprises a touch (or contact) on the displayed object for apredetermined phase, a movement of the touch across touch-sensitivedisplay system 112, and lift-off of the touch (touch end). In someembodiments, the event also includes information for one or moreassociated event handlers 190.

In some embodiments, event definition 187 includes a definition of anevent for a respective user-interface object. In some embodiments, eventcomparator 184 performs a hit test to determine which user-interfaceobject is associated with a sub-event. For example, in an applicationview in which three user-interface objects are displayed ontouch-sensitive display system 112, when a touch is detected ontouch-sensitive display system 112, event comparator 184 performs a hittest to determine which of the three user-interface objects isassociated with the touch (sub-event). If each displayed object isassociated with a respective event handler 190, the event comparatoruses the result of the hit test to determine which event handler 190should be activated. For example, event comparator 184 selects an eventhandler associated with the sub-event and the object triggering the hittest.

In some embodiments, the definition for a respective event 187 alsoincludes delayed actions that delay delivery of the event informationuntil after it has been determined whether the sequence of sub-eventsdoes or does not correspond to the event recognizer's event type.

When a respective event recognizer 180 determines that the series ofsub-events do not match any of the events in event definitions 186, therespective event recognizer 180 enters an event impossible, eventfailed, or event ended state, after which it disregards subsequentsub-events of the touch-based gesture. In this situation, other eventrecognizers, if any, that remain active for the hit view continue totrack and process sub-events of an ongoing touch-based gesture.

In some embodiments, a respective event recognizer 180 includes metadata183 with configurable properties, flags, and/or lists that indicate howthe event delivery system should perform sub-event delivery to activelyinvolved event recognizers. In some embodiments, metadata 183 includesconfigurable properties, flags, and/or lists that indicate how eventrecognizers interact, or are enabled to interact, with one another. Insome embodiments, metadata 183 includes configurable properties, flags,and/or lists that indicate whether sub-events are delivered to varyinglevels in the view or programmatic hierarchy.

In some embodiments, a respective event recognizer 180 activates eventhandler 190 associated with an event when one or more particularsub-events of an event are recognized. In some embodiments, a respectiveevent recognizer 180 delivers event information associated with theevent to event handler 190. Activating an event handler 190 is distinctfrom sending (and deferred sending) sub-events to a respective hit view.In some embodiments, event recognizer 180 throws a flag associated withthe recognized event, and event handler 190 associated with the flagcatches the flag and performs a predefined process.

In some embodiments, event delivery instructions 188 include sub-eventdelivery instructions that deliver event information about a sub-eventwithout activating an event handler. Instead, the sub-event deliveryinstructions deliver event information to event handlers associated withthe series of sub-events or to actively involved views. Event handlersassociated with the series of sub-events or with actively involved viewsreceive the event information and perform a predetermined process.

In some embodiments, data updater 176 creates and updates data used inapplication 136-1. For example, data updater 176 updates the telephonenumber used in contacts module 137, or stores a video file used in videoplayer module 145. In some embodiments, object updater 177 creates andupdates objects used in application 136-1. For example, object updater176 creates a new user-interface object or updates the position of auser-interface object. GUI updater 178 updates the GUI. For example, GUIupdater 178 prepares display information and sends it to graphics module132 for display on a touch-sensitive display.

In some embodiments, event handler(s) 190 includes or has access to dataupdater 176, object updater 177, and GUI updater 178. In someembodiments, data updater 176, object updater 177, and GUI updater 178are included in a single module of a respective application 136-1 orapplication view 191. In other embodiments, they are included in two ormore software modules.

It shall be understood that the foregoing discussion regarding eventhandling of user touches on touch-sensitive displays also applies toother forms of user inputs to operate multifunction devices 100 withinput-devices, not all of which are initiated on touch screens. Forexample, mouse movement and mouse button presses, optionally coordinatedwith single or multiple keyboard presses or holds; contact movementssuch as taps, drags, scrolls, etc., on touch-pads; pen stylus inputs;movement of the device; oral instructions; detected eye movements;biometric inputs; and/or any combination thereof are optionally utilizedas inputs corresponding to sub-events which define an event to berecognized.

FIG. 2 illustrates a portable multifunction device 100 having a touchscreen (e.g., touch-sensitive display system 112, FIG. 1A) in accordancewith some embodiments. The touch screen optionally displays one or moregraphics within user interface (UI) 200. In these embodiments, as wellas others described below, a user is enabled to select one or more ofthe graphics by making a gesture on the graphics, for example, with oneor more fingers 202 (not drawn to scale in the figure) or one or morestyluses 203 (not drawn to scale in the figure). In some embodiments,selection of one or more graphics occurs when the user breaks contactwith the one or more graphics. In some embodiments, the gestureoptionally includes one or more taps, one or more swipes (from left toright, right to left, upward and/or downward) and/or a rolling of afinger (from right to left, left to right, upward and/or downward) thathas made contact with device 100. In some implementations orcircumstances, inadvertent contact with a graphic does not select thegraphic. For example, a swipe gesture that sweeps over an applicationicon optionally does not select the corresponding application when thegesture corresponding to selection is a tap.

Device 100 optionally also includes one or more physical buttons, suchas “home” or menu button 204. As described previously, menu button 204is, optionally, used to navigate to any application 136 in a set ofapplications that are, optionally executed on device 100. Alternatively,in some embodiments, the menu button is implemented as a soft key in aGUI displayed on the touch-screen display.

In some embodiments, device 100 includes the touch-screen display, menubutton 204, push button 206 for powering the device on/off and lockingthe device, volume adjustment button(s) 208, Subscriber Identity Module(SIM) card slot 210, head set jack 212, and docking/charging externalport 124. Push button 206 is, optionally, used to turn the power on/offon the device by depressing the button and holding the button in thedepressed state for a predefined time interval; to lock the device bydepressing the button and releasing the button before the predefinedtime interval has elapsed; and/or to unlock the device or initiate anunlock process. In some embodiments, device 100 also accepts verbalinput for activation or deactivation of some functions throughmicrophone 113. Device 100 also, optionally, includes one or morecontact intensity sensors 165 for detecting intensity of contacts ontouch-sensitive display system 112 and/or one or more tactile outputgenerators 167 for generating tactile outputs for a user of device 100.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments. Device 300 need not be portable. In some embodiments,device 300 is a laptop computer, a desktop computer, a tablet computer,a multimedia player device, a navigation device, an educational device(such as a child's learning toy), a gaming system, or a control device(e.g., a home or industrial controller). Device 300 typically includesone or more processing units (CPU's) 310, one or more network or othercommunications interfaces 360, memory 370, and one or more communicationbuses 320 for interconnecting these components. Communication buses 320optionally include circuitry (sometimes called a chipset) thatinterconnects and controls communications between system components.Device 300 includes input/output (I/O) interface 330 comprising display340, which is typically a touch-screen display. I/O interface 330 alsooptionally includes a keyboard and/or mouse (or other pointing device)350 and touchpad 355, tactile output generator 357 for generatingtactile outputs on device 300 (e.g., similar to tactile outputgenerator(s) 167 described above with reference to FIG. 1A), sensors 359(e.g., optical, acceleration, proximity, touch-sensitive, and/or contactintensity sensors similar to contact intensity sensor(s) 165 describedabove with reference to FIG. 1A). Memory 370 includes high-speed randomaccess memory, such as DRAM, SRAM, DDR RAM or other random access solidstate memory devices; and optionally includes non-volatile memory, suchas one or more magnetic disk storage devices, optical disk storagedevices, flash memory devices, or other non-volatile solid state storagedevices. Memory 370 optionally includes one or more storage devicesremotely located from CPU(s) 310. In some embodiments, memory 370 storesprograms, modules, and data structures analogous to the programs,modules, and data structures stored in memory 102 of portablemultifunction device 100 (FIG. 1A), or a subset thereof. Furthermore,memory 370 optionally stores additional programs, modules, and datastructures not present in memory 102 of portable multifunction device100. For example, memory 370 of device 300 optionally stores drawingmodule 380, presentation module 382, word processing module 384, websitecreation module 386, disk authoring module 388, spreadsheet module 390,first video player module 392 (e.g., a first third-party video playermodule), and/or second video player module 394 (e.g., a secondthird-party video player module), while memory 102 of portablemultifunction device 100 (FIG. 1A) optionally does not store thesemodules.

Each of the above identified elements in FIG. 3 is, optionally, storedin one or more of the previously mentioned memory devices. Each of theabove identified modules corresponds to a set of instructions forperforming a function described above. The above identified modules orprograms (i.e., sets of instructions) need not be implemented asseparate software programs, procedures or modules, and thus varioussubsets of these modules are, optionally, combined or otherwisere-arranged in various embodiments. In some embodiments, memory 370optionally stores a subset of the modules and data structures identifiedabove. Furthermore, memory 370 optionally stores additional modules anddata structures not described above.

Attention is now directed towards embodiments of user interfaces (“UI”)that are, optionally, implemented on portable multifunction device 100.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on portable multifunction device 100 in accordance withsome embodiments. Similar user interfaces are, optionally, implementedon device 300. In some embodiments, user interface 400 includes thefollowing elements, or a subset or superset thereof:

-   -   Signal strength indicator(s) 402 for wireless communication(s),        such as cellular and Wi-Fi signals;    -   Time 404;    -   a Bluetooth indicator;    -   Battery status indicator 406;    -   Tray 408 with icons for frequently used applications, such as:        -   Icon 416 for telephone module 138, labeled “Phone,” which            optionally includes an indicator 414 of the number of missed            calls or voicemail messages;        -   Icon 418 for e-mail client module 140, labeled “Mail,” which            optionally includes an indicator 410 of the number of unread            e-mails;        -   Icon 420 for browser module 147, labeled “Browser;” and        -   Icon 422 for video and music player module 152, also            referred to as iPod (trademark of Apple Inc.) module 152,            labeled “iPod;” and    -   Icons for other applications, such as:        -   Icon 424 for IM module 141, labeled “Messages;”        -   Icon 426 for calendar module 148, labeled “Calendar;”        -   Icon 428 for image management module 144, labeled “Photos;”        -   Icon 430 for camera module 143, labeled “Camera;”        -   Icon 432 for online video module 155, labeled “Online            Video;”        -   Icon 434 for stocks widget 149-2, labeled “Stocks;”        -   Icon 436 for map module 154, labeled “Maps;”        -   Icon 438 for weather widget 149-1, labeled “Weather;”        -   Icon 440 for alarm clock widget 149-4, labeled “Clock;”        -   Icon 442 for workout support module 142, labeled “Workout            Support;”        -   Icon 444 for notes module 153, labeled “Notes;” and        -   Icon 446 for a settings application or module, which            provides access to settings for device 100 and its various            applications 136.

It should be noted that the icon labels illustrated in FIG. 4A aremerely exemplary. For example, in some embodiments, icon 422 for videoand music player module 152 is labeled “Music” or “Music Player.” Otherlabels are, optionally, used for various application icons. In someembodiments, a label for a respective application icon includes a nameof an application corresponding to the respective application icon. Insome embodiments, a label for a particular application icon is distinctfrom a name of an application corresponding to the particularapplication icon.

FIG. 4B illustrates an exemplary user interface on a device (e.g.,device 300, FIG. 3) with a touch-sensitive surface 451 (e.g., a tabletor touchpad 355, FIG. 3) that is separate from the display 450. Device300 also, optionally, includes one or more contact intensity sensors(e.g., one or more of sensors 357) for detecting intensity of contactson touch-sensitive surface 451 and/or one or more tactile outputgenerators 359 for generating tactile outputs for a user of device 300.

FIG. 4B illustrates an exemplary user interface on a device (e.g.,device 300, FIG. 3) with a touch-sensitive surface 451 (e.g., a tabletor touchpad 355, FIG. 3) that is separate from the display 450. Many ofthe examples that follow will be given with reference to a device thatdetects inputs on a touch-sensitive surface that is separate from thedisplay, as shown in FIG. 4B. In some embodiments, the touch-sensitivesurface (e.g., 451 in FIG. 4B) has a primary axis (e.g., 452 in FIG. 4B)that corresponds to a primary axis (e.g., 453 in FIG. 4B) on the display(e.g., 450). In accordance with these embodiments, the device detectscontacts (e.g., 460 and 462 in FIG. 4B) with the touch-sensitive surface451 at locations that correspond to respective locations on the display(e.g., in FIG. 4B, 460 corresponds to 468 and 462 corresponds to 470).In this way, user inputs (e.g., contacts 460 and 462, and movementsthereof) detected by the device on the touch-sensitive surface (e.g.,451 in FIG. 4B) are used by the device to manipulate the user interfaceon the display (e.g., 450 in FIG. 4B) of the multifunction device whenthe touch-sensitive surface is separate from the display. It should beunderstood that similar methods are, optionally, used for other userinterfaces described herein.

Additionally, while the following examples are given primarily withreference to finger inputs (e.g., finger contacts, finger tap gestures,finger swipe gestures, etc.), it should be understood that, in someembodiments, one or more of the finger inputs are replaced with inputfrom another input device (e.g., a mouse based input or a stylus input),or input of another type, on the same device (e.g., a button press). Forexample, a swipe gesture is, optionally, replaced with a mouse click(e.g., instead of a contact) followed by movement of the cursor alongthe path of the swipe (e.g., instead of movement of the contact). Asanother example, a tap gesture is, optionally, replaced with a mouseclick while the cursor is located over the location of the tap gesture(e.g., instead of detection of the contact followed by ceasing to detectthe contact). Similarly, when multiple user inputs are simultaneouslydetected, it should be understood that multiple computer mice are,optionally, used simultaneously, or a mouse and finger contacts are,optionally, used simultaneously.

As used herein, the term “focus selector” refers to an input elementthat indicates a current part of a user interface with which a user isinteracting. In some implementations that include a cursor or otherlocation marker, the cursor acts as a “focus selector,” so that when aninput (e.g., a press input) is detected on a touch-sensitive surface(e.g., touchpad 355 in FIG. 3 or touch-sensitive surface 451 in FIG. 4B)while the cursor is over a particular user interface element (e.g., abutton, window, slider or other user interface element), the particularuser interface element is adjusted in accordance with the detectedinput. In some implementations that include a touch-screen display(e.g., touch-sensitive display system 112 in FIG. 1A or the touch screenin FIG. 4A) that enables direct interaction with user interface elementson the touch-screen display, a detected contact on the touch-screen actsas a “focus selector,” so that when an input (e.g., a press input by thecontact) is detected on the touch-screen display at a location of aparticular user interface element (e.g., a button, window, slider orother user interface element), the particular user interface element isadjusted in accordance with the detected input. In some implementations,focus is moved from one region of a user interface to another region ofthe user interface without corresponding movement of a cursor ormovement of a contact on a touch-screen display (e.g., by using a tabkey or arrow keys to move focus from one button to another button); inthese implementations, the focus selector moves in accordance withmovement of focus between different regions of the user interface.Without regard to the specific form taken by the focus selector, thefocus selector is generally the user interface element (or contact on atouch-screen display) that is controlled by the user so as tocommunicate the user's intended interaction with the user interface(e.g., by indicating, to the device, the element of the user interfacewith which the user is intending to interact). For example, the locationof a focus selector (e.g., a cursor, a contact, or a selection box) overa respective button while a press input is detected on thetouch-sensitive surface (e.g., a touchpad or touch screen) will indicatethat the user is intending to activate the respective button (as opposedto other user interface elements shown on a display of the device).

FIG. 4C illustrates exemplary electronic devices that are incommunication with a display 450 and touch-sensitive surface 452. For atleast a subset of the computing devices, the display 450 and/or thetouch-sensitive surface 452 is integrated into the computing device inaccordance with some embodiments. While the examples described ingreater detail below are described with reference to a touch-sensitivesurface 451 and a display 450 that are in communication with a computingdevice (e.g., portable multifunction device 100 in FIGS. 1A-1B or device300 in FIG. 3), it should be understood that in accordance with someembodiments, the touch-sensitive surface and/or the display areintegrated with the computing device, while in other embodiments one ormore of the touch-sensitive surface and the display are separate fromthe computing device. Additionally, in some embodiments the computingdevice has an integrated display and/or an integrated touch-sensitivesurface and is in communication with one or more additional displaysand/or touch-sensitive surfaces that are separate from the computingdevice.

In some embodiments, all of the operations described below withreference to FIGS. 5A-5ZZZZ are performed on a single computing devicewith user interface navigation logic 480 (e.g., Computing Device Adescribed below with reference to FIG. 4C). However, it should beunderstood that frequently multiple different computing devices arelinked together to perform the operations described below with referenceto FIGS. 5A-5ZZZZ (e.g., a computing device with user interfacenavigation logic 480 communicates with a separate computing device witha display 450 and/or a separate computing device with a touch-sensitivesurface 451). In any of these embodiments, the computing device that isdescribed below with reference to FIGS. 5A-5ZZZZ is the computing device(or devices) that contain(s) the user interface navigation logic 480.Additionally, it should be understood that the user interface navigationlogic 480 could be divided between a plurality of distinct modules orcomputing devices in various embodiments; however, for the purposes ofthe description herein, the user interface navigation logic 480 will beprimarily referred to as residing in a single computing device so as notto unnecessarily obscure other aspects of the embodiments.

In some embodiments, the user interface navigation logic 480 includesone or more modules (e.g., one or more event handlers 190, including oneor more object updaters 177 and one or more GUI updaters 178 asdescribed in greater detail above with reference to FIG. 1B) thatreceive interpreted inputs and, in response to these interpreted inputs,generate instructions for updating a graphical user interface inaccordance with the interpreted inputs which are subsequently used toupdate the graphical user interface on a display. In some embodiments,an interpreted input for an input that has been detected (e.g., by acontact motion module 130 in FIGS. 1A and 3), recognized (e.g., by anevent recognizer 180 in FIG. 1B) and/or distributed (e.g., by eventsorter 170 in FIG. 1B) is used to update the graphical user interface onthe display. In some embodiments, the interpreted inputs are generatedby modules at the computing device (e.g., the computing device receivesraw contact input data so as to identify gestures from the raw contactinput data). In some embodiments, some or all of the interpreted inputsare received by the computing device as interpreted inputs (e.g., acomputing device that includes the touch-sensitive surface 451 processesraw contact input data so as to identify gestures from the raw contactinput data and sends information indicative of the gestures to thecomputing device that includes the user interface navigation logic 480).

In some embodiments, both the display 450 and the touch-sensitivesurface 451 are integrated with the computing device (e.g., ComputingDevice A in FIG. 4C) that contains the user interface navigation logic480. For example, the computing device may be a desktop computer orlaptop computer with an integrated display (e.g., 340 in FIG. 3) andtouchpad (e.g., 355 in FIG. 3). As another example, the computing devicemay be a portable multifunction device 100 (e.g., a smartphone, PDA,tablet computer, etc.) with a touch screen (e.g., 112 in FIG. 2).

In some embodiments, the touch-sensitive surface 451 is integrated withthe computing device while the display 450 is not integrated with thecomputing device (e.g., Computing Device B in FIG. 4C) that contains theuser interface navigation logic 480. For example, the computing devicemay be a device 300 (e.g., a desktop computer or laptop computer) withan integrated touchpad (e.g., 355 in FIG. 3) connected (via wired orwireless connection) to a separate display (e.g., a computer monitor,television, etc.). As another example, the computing device may be aportable multifunction device 100 (e.g., a smartphone, PDA, tabletcomputer, etc.) with a touch screen (e.g., 112 in FIG. 2) connected (viawired or wireless connection) to a separate display (e.g., a computermonitor, television, etc.).

In some embodiments, the display 450 is integrated with the computingdevice while the touch-sensitive surface 451 is not integrated with thecomputing device (e.g., Computing Device C in FIG. 4C) that contains theuser interface navigation logic 480. For example, the computing devicemay be a device 300 (e.g., a desktop computer, laptop computer,television with integrated set-top box) with an integrated display(e.g., 340 in FIG. 3) connected (via wired or wireless connection) to aseparate touch-sensitive surface (e.g., a remote touchpad, a portablemultifunction device, etc.). As another example, the computing devicemay be a portable multifunction device 100 (e.g., a smartphone, PDA,tablet computer, etc.) with a touch screen (e.g., 112 in FIG. 2)connected (via wired or wireless connection) to a separatetouch-sensitive surface (e.g., a remote touchpad, another portablemultifunction device with a touch screen serving as a remote touchpad,etc.).

In some embodiments, neither the display 450 nor the touch-sensitivesurface 451 is integrated with the computing device (e.g., ComputingDevice D in FIG. 4C) that contains the user interface navigation logic480. For example, the computing device may be a stand-alone computingdevice 300 (e.g., a desktop computer, laptop computer, console, set-topbox, etc.) connected (via wired or wireless connection) to a separatetouch-sensitive surface (e.g., a remote touchpad, a portablemultifunction device, etc.) and a separate display (e.g., a computermonitor, television, etc.). As another example, the computing device maybe a portable multifunction device 100 (e.g., a smartphone, PDA, tabletcomputer, etc.) with a touch screen (e.g., 112 in FIG. 2) connected (viawired or wireless connection) to a separate touch-sensitive surface(e.g., a remote touchpad, another portable multifunction device with atouch screen serving as a remote touchpad, etc.).

In some embodiments, the computing device has an integrated audiosystem. In some embodiments, the computing device is in communicationwith an audio system that is separate from the computing device. In someembodiments, the audio system (e.g., an audio system integrated in atelevision unit) is integrated with a separate display 450. In someembodiments, the audio system (e.g., a stereo system) is a stand-alonesystem that is separate from the computing device and the display 450.

User Interfaces and Associated Processes

Attention is now directed towards embodiments of user interfaces (“UI”)and associated processes that may be implemented with an electronicdevice that communicates with and/or includes a display and atouch-sensitive surface, such as one of Computing Devices A-D in FIG.4C.

FIGS. 5A-5ZZZZ illustrate exemplary user interfaces for navigatingthrough media content in accordance with some embodiments. The userinterfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIGS. 12A-12E. Although someof the examples which follow will be given with reference to inputs on atouch-sensitive surface 451 that is separate from the display 450, insome embodiments, the device detects inputs on a touch-screen display(where the touch-sensitive surface and the display are combined), asshown in FIG. 4A. Although some of the examples which will follow willbe given with reference to inputs on a remote user input device (e.g., aremote control) that is separate from the device, in some embodiments,the device includes an integrated user input device (e.g., a trackpad).

FIG. 5A illustrates display 450 and corresponding remote control 5001(e.g., that both communicate with device 100 or 300). In someembodiments, remote control 5001 has touch-sensitive surface, 451. Insome embodiments, remote control 5001 also has one or more buttons oraffordances, such as menu button 5002, microphone button 5003,play/pause button 5004, watch list button 5005, volume increase button5009, and/or volume decrease button 5007. In some embodiments, menubutton 5002, or an analogous affordance, allows a home screen userinterface to be displayed on display 450. In some embodiments, menubutton 5002, or an analogous affordance, allows navigating back to apreviously displayed user interface. In some embodiments, microphonebutton 5003, or an analogous affordance, allows a user to provide verbalcommands or voice entry to the device (e.g., device 100 or 300). In someembodiments, play/pause button 5004 is used to play or pause audio orvisual media portrayed on display 450 by device (e.g., device 100 or300). In some embodiments, watch list button 5005 allows a watch listuser interface to be displayed on display 450. In some embodiments, awatch list user interface provides a user with a plurality ofaudio/visual media items to play using device (e.g., device 100 or 300).

FIG. 5A also illustrates screensaver view 5008, displayed on display450. In some embodiments, screensaver view 5008 is displayed in responseto determining that remote control 5001 is stationary (e.g., remotecontrol 5001 is put down on a stationary surface, such as a table top,and/or no input is provided on remote control 5001 for a predefined timeduration).

FIG. 5B shows a motion effect (e.g., zooming in on a view of a bridge)in screensaver view 5008. In some embodiments, the screensaver shows themotion effect by applying a panning and/or zooming effect on a stillimage. In some embodiments, the screensaver shows the motion effect byplaying a video.

In FIGS. 5C and 5D, screensaver view 5008 zooms in on the bridge.

The motion effect (e.g., the zooming-in operation) shown in FIGS. 5B-5Dis provided in the absence of an input on remote control 5001 (e.g., themotion effect is initiated independent of pressing of a button or acontact on touch-sensitive surface 451).

FIG. 5D also illustrates that contact 5401 is detected ontouch-sensitive surface 451, while screensaver view 5008 zooms in on thebridge.

FIGS. 5E-5F illustrate that, in response to detecting contact 5401 ontouch-sensitive surface 451 (and optionally, while contact 5401 remainson touch-sensitive surface 451), screensaver view 5008 zooms out of thebridge.

FIG. 5F also illustrates that contact 5401 (shown in FIG. 5E) ceases tobe detected on touch-sensitive surface 451 while screensaver view 5008zooms out of the bridge.

FIGS. 5F-5G illustrate that, in response to detecting that contact 5401has ceased to be detected on touch-sensitive surface 451, screensaverview 5008 zooms in on the bridge.

FIG. 5H illustrates that a movement of contact 5402 (e.g., a left-swipegesture) is detected on touch-sensitive surface 451.

FIG. 5I illustrates that, in some embodiments, in response to detectingthe movement of contact 5402 (e.g., a left-swipe gesture), a playbackdirection of the video (if the motion effect is provided by playing thevideo) or a direction of zoom-in/zoom-out is reversed. For example,instead of zooming-in on the bridge as shown in FIGS. 5F-5H, FIG. 5Ishows zooming out of the bridge.

FIG. 5I also illustrates a movement of contact 5403 (e.g., a swipe downgesture) is detected on touch-sensitive surface 451.

FIG. 5J illustrates that, in response to detecting the movement ofcontact 5403 (e.g., a swipe down gesture), screensaver 5008 shows azoomed-in view of the bridge. This provides a visual perception that theuser has pulled the object shown in screensaver view 5008 (e.g., thebridge) closer to the user (e.g., by zooming in on the object).

FIG. 5K illustrates user input 5404 picking up remote control 5001.

FIG. 5L illustrates that, in response to detecting that remote control5001 has been picked up, current time and date 5010 are displayed ondisplay 450. In FIG. 5L, current time and date 5010 are overlaid onscreensaver view 5008.

FIG. 5L also illustrates that input 5405 (e.g., a tap gesture) isdetected on touch-sensitive surface 451.

FIG. 5M illustrates that, in response to detecting input 5405, metadata5011 about the image or video shown in screensaver 5008 is displayed ondisplay 450. In FIG. 5M, metadata 5011 is overlaid on screensaver view5008.

FIG. 5N illustrates that a movement of contact 5406 (e.g., a right swipegesture) is detected on touch-sensitive surface 451.

FIG. 5O illustrates that, in response to detecting the movement ofcontact 5406 (e.g., a right swipe gesture), screensaver view 5009, whichis distinct from screensaver view 5008 is displayed. In FIG. 5O,screensaver view 5009 includes a motion effect on a view of a beach,which is different from the motion effect on a view of a bridge as shownin FIG. 5N.

FIG. 5P illustrates that the view of the beach is shown with zooming andpanning effects, which are different from the motion effect with zoomingonly, as shown in FIGS. 5B-5D.

FIG. 5P also illustrates that input 5407 pressing on menu button 5002 isdetected.

FIG. 5Q illustrates that, in response to input 5407 (FIG. 5P), homescreen user interface 5018 is displayed on display 450. In FIG. 5Q, homescreen user interface 5018 includes region 5014 that includes aplurality of application icons 5015-a through 5015-e. Application icon5015-a is visually distinguished (e.g., application icon 5015-a isenlarged and shown with a shadow and/or highlighting) from the otherapplication icons 5015-b through 5015-e to indicate that a current focusis on application icon 5015-a. Home screen user interface 5018 alsoincludes region 5012. Region 5012 includes one or more icons thatcorrespond to an application icon 5015 with a current focus. In FIG. 5Q,the current focus is on application icon 5015-a (e.g., “MovieApplication A”), and region 5012 shows movie posters 5013-a through5013-c. In some embodiments, home screen user interface 5018 includesregion 5016 with additional user interface objects (e.g., icons forother media content items).

FIGS. 5R-5U illustrate that a movement of contact 5408 from location5408-a to 5408-d is detected on touch-sensitive surface 451.

In FIGS. 5R-5T, the movement of contact 5408 is also illustrated usingdistance grid 5200, which shows a threshold distance at which thecurrent focus moves to a next icon (e.g., a movement of contact 5408from initial location 5201-a to threshold location 5201-d initiatesmoving the current focus from a current icon to an adjacent icon).

FIGS. 5S-5T illustrate tilting of application icon 5015-a in accordancewith the movement of contact 5408 (and the corresponding location ofcontact 5408 in grid 5200 at location 5201-b and location 5201-c). Asshown in FIGS. 5S-5T, as contact 5408 moves further an adjacent icon(e.g., icon 5015-b), icon 5015-a with the current focus tilts furthertoward the adjacent icon (e.g., icon 5015-b).

FIG. 5U illustrates that contact 5408 has moved to location 5408-d, andin response, the current focus has moved from icon 5015-a to icon 5015-b(e.g., icon 5015-b is enlarged and shown with a shadow and/orhighlighting). In FIG. 5U, the size of icon 5015-a is reduced (from thepreviously enlarged size) and is shown without the shadow and/orhighlighting. In addition, new grid 5202 is shown in FIG. 5U to indicatethe location of the current focus relative to icon 5015-b.

FIG. 5U also shows that region 5012 includes album poster icons (e.g.,album poster icons 5017-a through 5017-c) that correspond to icon 5015-b(e.g., the “iTunes” application icon).

FIGS. 5V-5X illustrate a movement of contact 5409 from location 5409-ato location 5409-c on touch-sensitive surface 451 (and the correspondinglocations 5205-a through 5205-c in grid 5204). FIGS. 5V-5X alsoillustrate tilting of icon 5015-b in accordance with the movement ofcontact 5409, and moving the current focus from icon 5015-b to icon5015-c when contact 5409 moves by a threshold distance (e.g., when acorresponding location of contact 5409 in grid 5204 reaches an edge ofgrid 5204). In FIG. 5X, grid 5206 is shown to indicate the location ofthe current focus relative to icon 5015-c.

FIG. 5X also shows that region 5012 includes watchlist item icons (e.g.,watchlist item icons 5036-a through 5036-c) that correspond to icon5015-c (e.g., the “watchlist” icon).

FIGS. 5Y-5Z illustrates a movement of contact 5410 from location 5410-ato location 5410-b (and the corresponding locations 5209-a to 5209-b ingrid 5207). FIG. 5Z also illustrates tilting of icon 5015-c inaccordance with the movement of contact 5410.

FIG. 5AA illustrates that contact 5410 ceases to be detected ontouch-sensitive surface 451, and icon 5015-c tilts back (e.g., icon5015-c is displayed without tilting).

FIGS. 5BB-5DD illustrate a movement of an icon (e.g., icon 5015-a) whena current focus moves from the icon to an adjacent icon (e.g., icon5015-b) in accordance with some embodiments.

FIG. 5BB shows that the current focus is on icon 5015-a. In FIG. 5BB,icon 5015-a is enlarged compared to icons 5015-b through 5015-e. FIG.5BB includes reference line 5019. Reference line 5019 is used to showthe movement of icon 5015-a in FIGS. 5BB-5JJ, but reference line 5019 isnot displayed on display 450. In FIG. 5BB, icon 5015-a is aligned withreference line 5019 (e.g., reference line 5019 passes through a centerof icon 5015-a).

FIG. 5CC illustrates that icon 5015-a moves toward icon 5015-b inaccordance with a movement of a contact (e.g., a movement of a contacttoward the right-side of touch-sensitive surface 451, such as themovement of contact 5408 from location 5408-a to location 5408-b asshown in FIGS. 5R-5S).

FIG. 5DD illustrates that the current focus has moved from icon 5015-ato icon 5015-b. In FIG. 5DD, icon 5015-b is enlarged compared to icons5015-a and 5015-c through 5015-e. In FIG. 5DD, the size of icon 5015-ais reduced (compared to the size of icon 5015-a in FIG. 5BB) and icon5015-a moves back to its initial position where icon 5015-a is alignedwith reference line 5019 (e.g., reference line 5019 passes through acenter of icon 5015-a).

FIGS. 5EE-5HH illustrate tilting of an icon (e.g., icon 5015-a) when acurrent focus moves from the icon to an adjacent icon (e.g., icon5015-b) in accordance with some embodiments.

FIG. 5EE shows that the current focus is on icon 5015-a. In FIG. 5EE,icon 5015-a is enlarged compared to icons 5015-b through 5015-e.

FIG. 5FF illustrates that icon 5015-a tilts toward icon 5015-b inaccordance with a movement of a contact (e.g., a movement of a contacttoward the right-side of touch-sensitive surface 451, such as themovement of contact 5408 from location 5408-a to location 5408-b asshown in FIGS. 5R-5S).

FIG. 5GG illustrates that icon 5015-a tilts further toward icon 5015-bin accordance with a further movement of a contact (e.g., a furthermovement of a contact toward the right-side of touch-sensitive surface451, such as the movement of contact 5408 from location 5408-b tolocation 5408-c as shown in FIGS. 5S-5T).

FIG. 5HH illustrates that the current focus has moved from icon 5015-ato icon 5015-b. In FIG. 5HH, icon 5015-b is enlarged compared to icons5015-a and 5015-c through 5015-e. In FIG. 5HH, the size of icon 5015-ais reduced (compared to the size of icon 5015-a in FIG. 5EE) and icon5015-a tilts back to its initial position (e.g., icon 5015-a is nolonger tilted).

FIG. 5II-5JJ illustrate tilting and moving an icon (e.g., icon 5015-a)when a current focus moves from the icon to an adjacent icon (e.g., icon5015-b) in accordance with some embodiments.

In FIG. 5II, icon 5015-a concurrently moves and tilts toward icon 5015-bin accordance with a movement of a contact (e.g., a movement of acontact toward the right-side of touch-sensitive surface 451, such asthe movement of contact 5408 from location 5408-a to location 5408-b asshown in FIGS. 5R-5S).

FIG. 5JJ illustrates that the current focus has moved from icon 5015-ato icon 5015-b. In FIG. 5JJ, the size of icon 5015-a is reduced(compared to the size of icon 5015-a in FIG. 5II), and icon 5015-a movesback in line with reference line 5019 (e.g., reference line 5019 passesthrough a center of icon 5015-a).

FIG. 5JJ also illustrates that, in some embodiments, icon 5015-b istilted (and optionally moved) toward icon 5015-a to indicate that thecurrent focus has moved from icon 5015-a.

Alternatively, when the current focus moves from icon 5015-a to icon5015-b, icon 5015-b is not tilted as shown in FIG. 5HH.

FIGS. 5KK-5LL illustrate a movement of contact 5020 (e.g., a quick swipegesture) on touch-sensitive surface 451. In FIG. 5KK, the movement ofcontact 5020 has a characteristic movement distance (e.g., a distancetravelled by contact 5020 across touch-sensitive surface 451) and/or acharacteristic movement speed (e.g., a speed of the movement of contact5020 upon, or immediately prior to, a lift-off of contact 5020 fromtouch-sensitive surface 451) such that the current focus moves from icon5015-b to icon 5015-e. quickly (rather than moving the current focusslowly as illustrated in FIGS. 5R-5X).

FIG. 5LL illustrates that the current focus has moved from icon 5015-bto icon 5015-e through icons 5015-c and icon 5015-d (e.g., the currentfocus moves from icon 5015-b to icon 5015-c, followed by the currentfocus moving from icon 5015-c to icon 5015-d, and then from icon 5015-dto icon 5015-e). While the current focus moves from icon 5015-b to icon5015-e, icons 5015-b, 5015-c, and 5015-d are moved and/or tilted basedon the movement of the current focus. In some embodiments, as thecurrent focus moves away from them, icons 5015-b through 5015-d tiltback with a time delay so that the tilting back of icons 5015-b through5015-d can be seen (for a short period) after the current focus hasalready moved to icon 5015-e. In some embodiments, the amount of tiltingand/or moving each icon is reduced as the speed of the movement of thecontact increases. This allows the user interface to settle down faster,thereby reducing distractions to the user and improving the userexperience.

FIG. 5LL also illustrates input 5022 on touch-sensitive surface 451.Icon 5015-e is tilted and/or moved in accordance with input 5022.

FIG. 5MM illustrates tilting of icon 5015-e in different directionsbased on input 5022. When input 5022 moves in an upper-left direction tolocation 5022-a, the icon tilts toward its upper-left corner asrepresented by icon 5115-a. When input 5022 moves up to location 5022-b,the icon tilts toward its upper side as represented by icon 5115-b. Wheninput 5022 moves in an upper-right direction to location 5022-c, theicon tilts toward its upper-right corner as represented by icon 5115-c.When input 5022 moves left to location 5022-d, the icon tilts toward itsleft side as represented by icon 5115-d. When input 5022 does not movefrom its original location or input 5022 ceases to be detected, the iconis not tilted, as represented by icon 5115-e. When input 5022 movesright to location 5022-f, the icon tilts toward its right side asrepresented by icon 5115-f. When input 5022 moves in an lower-leftdirection to location 5022-g, the icon tilts toward its lower-leftcorner as represented by icon 5115-g. When input 5022 moves down tolocation 5022-h, the icon tilts toward its lower side as represented byicon 5115-h. When input 5022 moves in an lower-right direction tolocation 5022-i, the icon tilts toward its lower-right corner asrepresented by icon 5115-i.

Thus, icon 5015-e (or any other icon illustrated herein) is tilted bymoving the location of input 5022 on touch-sensitive surface 451. Insome embodiments, certain icons (e.g., icon 5026 does not tilt in anydirection, or icon 5026 does not tilt in a horizontal direction due toits size (or width)).

FIG. 5NN-5PP illustrate parallax effects in accordance with someembodiments.

FIG. 5NN shows that icon 5015-e is displayed using multiple layers(e.g., layer 5028 showing the text “Ping Pong Mania!!,” layer 5030showing a ping pong ball and its trajectory, layer 5032 showing aracquet, and layer 5034 showing a net). The sizes and relative positionsof these layers are adjusted in accordance with a user input to providean improved visual perception of the icon (e.g., providing athree-dimensional perception of objects shown in the icon). In someembodiments, display of icon 5015-e is a superposition of each layer foricon 5015-e (e.g., layers 5028 through 5034).

FIG. 5NN also shows configuration 5038 that includes a simplified iconwith two layers (e.g., the foreground layer showing a ping pong ball anda racquet, and the background layer showing the text and the net). FIG.5NN shows that, in response to a first input (e.g., a movement of acontact toward the left side of touch-sensitive surface 451), theforeground layer is moved toward the left side relative to thebackground layer, as shown in configuration 5040. This improves a visualperception that the icon is tilted toward the left side. FIG. 5NN alsoshows that, in response to a second input (e.g., a movement of a contacttoward the right side of touch-sensitive surface 451), the foregroundlayer is moved toward the right side relative to the background layer,as shown in configuration 5042. This improves a visual perception thatthe icon is tilted toward the right side. Similarly, the foregroundlayer can be moved up, down, or diagonally relative to the backgroundlayer in accordance with a user input, as illustrated using foregroundlayer 5043-1, intervening layer 5043-2, and background layer 5043-3 inillustration 5043 of FIG. 5OO. By using the parallax effect, the deviceprovides a visual feedback to the user that the device is responding tothe user input, even when the current focus remains on a same icon. Theparallax effect also helps the user estimate how much additionalmovement of a contact the user needs to make to move the current focusfrom a current icon to an adjacent icon.

In some embodiments, one or more layers (e.g., a foreground layer)include a cutout to show a portion of a layer that is behind the one ormore layers (e.g., in FIG. 500, foreground layer 5041-1 includes acutout to show a portion of background layer 5041-2).

Illustration 5048 of FIG. 5PP shows two different configurations of icon5015-e: a two-layer configuration and a three-layer configuration. Asexplained above, an icon can be represented by multiple layers, and thenumber of layers used to represent the icon varies depending on thelevel of details to be presented using the parallax effect and thecomputational power of the device. For example, in FIG. 5NN shown above,icon 5015-e is represented using four layers 5028, 5030, 5032, and 5034.

In FIG. 5PP, regardless of the number of layers used to represent icon5015-e, the perceived depth (or distance) between the foreground layerand the background layer (e.g., layer 5048-1 and layer 5048-2 in thetwo-layer configuration and layer 5050-1 and layer 5050-3 in thethree-layer configuration) is the same. For example, the perceived depth(or distance) between layer 5048-1 and layer 5048-2 in the two-layerconfiguration and the perceived depth (or distance) between layer 5050-1and layer 5050-3 in the three-layer configuration are the same. Thisimproves enhanced user experience by providing icons with moreconsistent visual characteristics (e.g., a uniform perceived thicknessof the icons).

Illustration 5049 of FIG. 5PP illustrates magnification and cropping oflayers. FIG. 5PP shows icon 5015-e with both layers (e.g., theforeground layer showing a ping pong ball and a racquet, and thebackground layer showing the text and the net, as shown in FIG. 5NN)superimposed without magnifying any layer relative to the other layer.

In some embodiments, the foreground layer is enlarged compared to thebackground layer, as shown in configuration 5044 to provide an enhanceddepth perception. However, by enlarging the foreground layer compared tothe background layer, one or more portions of the foreground layerextend beyond the boundary of the background layer. For example, inconfiguration 5044, a portion of the racquet and a portion of thetrajectory of the ping pong ball extend beyond the boundary of thebackground layer. In some embodiments, this protrusion of one or moreportions of the foreground layer (outside the boundary of the backgroundlayer) is more significant when the icon is tilted.

In configuration 5044, the portions of the foreground layer that extendbeyond the boundary of the background layer are cropped. This provide anenhanced visual perception of icon 5015-e, because the rectangular shapeof icon 5015-e is maintained regardless of the magnification and/ortilting of icon 5015-e.

FIGS. 5QQ-5TT illustrate a movement of a current focus in accordancewith some embodiments.

FIG. 5QQ shows region 5014 with application icons 5015-a through 5015-e,and region 5016 with movie poster icons 5062-a through 5062-c.

FIG. 5QQ also shows that the current focus is on icon 5015-d in region5014. In FIG. 5QQ, a movement of contact 5422 (e.g., a swipe-up gesture)is detected on touch-sensitive surface 451.

FIG. 5RR shows that, in response to the movement of contact 5422, thecurrent focus moves from icon 5015-d in region 5014 to icon 5062-b inregion 5012.

FIG. 5RR also shows that a movement of contact 5424 (e.g., a left-swipegesture) is detected on touch-sensitive surface 451.

FIG. 5SS shows that, in response to the movement of contact 5424, thecurrent focus moves from icon 5062-b to icon 5062-a.

FIG. 5SS also shows that a movement of contact 5426 (e.g., a swipe-downgesture) is detected on touch-sensitive surface 451.

FIG. 5TT shows that, in response to the movement of contact 5426, thecurrent focus moves from icon 5062-a to icon 5015-d.

In some embodiments, moving the current focus between icons of differenttypes (e.g., moving the current focus from application icon 5015-d tomovie poster icon 5062-b and from movie poster icon 5062-a toapplication icon 5015-d) requires a longer travel by the contact thanmoving the current focus between icons of the same type (e.g., movingthe current focus from movie poster icon 5062-b to movie poster icon5062-a). For example, to move the current focus from icon 5015-d to icon5062-b, contact 5422 shown in FIG. 5QQ needs to move further than thedistance required for contact 5424 to move the current focus from icon5062-b to icon 5062-a, as shown in FIG. 5RR.

In some embodiments, icons that have rectangular shape (e.g., movieposter icons 5062-a through 5062-c in FIG. 5RR) have differentthresholds. For example, while a current focus is on a rectangular iconin a portrait orientation (e.g., icon 5062-b), a distance required for acontact to travel for moving the current focus horizontally (e.g., fromicon 5062-b to icon 5062-a) is less than a distance required for acontact to travel for moving the current focus vertically (e.g., fromicon 5062-b to an icon in region 5014, such as icon 5015-d; or from icon5062-a to an icon in region 5014, such as icon 5015-d).

FIGS. 5UU-5VV illustrate user interfaces displayed when inactivitycriteria are satisfied, in accordance with some embodiments.

For example, when there is no input on remote control 5001 for apredefined time period (e.g., 3 minutes), the user interface illustratedin FIG. 5UU is displayed. In FIG. 5UU, an icon (e.g., icon 5015-d) withthe current focus is visually distinguished from the rest of the userinterface. For example, icon 5015-d is highlighted and/or the rest ofthe user interface is dimmed.

Alternatively, when there is no input on remote control 5001 for apredefined time period (e.g., 3 minutes), the user interface illustratedin FIG. 5VV is displayed. In FIG. 5VV, an icon (e.g., icon 5015-e) withthe current focus) is further enlarged and visually distinguished fromthe rest of the user interface. For example, an icon with the currentfocus is enlarged by 10% compared to the other application icons beforethe inactivity criteria are satisfied. When the inactivity criteria aresatisfied, the icon with the current focus is enlarged by 20% or more,compared to the other application icons.

FIGS. 5WW-5XX illustrate exemplary user interfaces displayed when darkscreen criteria are satisfied (e.g., when no input is received by remotecontrol 5001 for a second predefined time period, such as 5 minutes,after the inactivity criteria were satisfied.

In FIG. 5WW, the entire user interface is dimmed, including the iconwith the current focus. FIG. 5XX shows an alternative user interface inwhich the entire user interface is replaced with a blank screen (e.g., awhite blank screen, a black blank screen, or a blank screen of any othercolor).

FIG. 5YY shows that remote control 5001 is picked up, and in response todetecting that remote control 5001 is picked up, home screen userinterface 518 is displayed on display 450.

FIGS. 5ZZ-5ZZZ illustrate selecting media presentation options inaccordance with some embodiments.

FIG. 5ZZ shows that input 5428 (e.g., a tap gesture) is detected ontouch-sensitive surface 451 while the current focus is on movie postericon 5062-a (e.g., a movie poster for a movie entitled “The GreatClimb”).

FIG. 5AAA shows that, in response to input 5428, product page view 5090is displayed on display 450. Product page view 5090 includes informationabout the movie “The Great Climb.” Product page view 5090 also includesa plurality of media source icons 5092-a through 5092-e. Each mediasource object corresponds to a respective media source (e.g., icon5092-a corresponds to a “Movieflix” streaming service, icon 5092-bcorresponds to a iTunes store, icon 5092-e corresponds to a televisionbroadcaster, etc.). In FIG. 5AAA, media source icon 5092-a is visuallydistinguished (e.g., highlighted) to indicate that media source icon5092-a is selected among the media source icons.

Product page view 5090 also includes media management icons 5093-athrough 5093-c (e.g., preview icon 5093-a, play icon 5093-b, and “viewon Movieflix” icon 5093-c). In FIG. 5AAA, play icon 5093-b is visuallydistinguished (e.g., enlarged) to indicate that play icon 5093-b isselected among the media management icons.

In some embodiments, the icons included in product page view 5090 can betilted as described above with respect to FIGS. 5A-5PP. When these iconsare tilted, they exhibit the parallax effect. For brevity, these detailsare omitted here.

FIG. 5AAA also shows that input 5450 (e.g., a tap gesture) is detectedon touch-sensitive surface 451.

FIG. 5BBB illustrate that, in response to detecting input 5450, videoplayback view 5300 is displayed on display 450. As shown in FIGS.5BBB-5DDD, video playback view 5300 includes a playback of the movie“The Great Climb.”

FIG. 5DDD also shows that input 5452 pressing on menu button 5002 ofremote control 5001 is detected.

FIG. 5EEE illustrates that, in response to input 5452, product page view5090 is displayed on display 450.

FIG. 5EEE also shows that a movement of contact 5454 (e.g., aright-swipe gesture) is detected on touch-sensitive surface 451.

FIG. 5FFF illustrates that, in response to detecting the movement ofcontact 5454, the current focus moves from icon 5092-a to icon 5092-b.FIG. 5FFF also illustrates that media management icons shown in FIG.5EEE are replaced with a different set of media management icons (e.g.,icon 5093-a and 5093-c through 5093-f).

In FIG. 5FFF, a movement of contact 5456 (e.g., a long right-swipegesture) is detected on touch-sensitive surface 451.

FIG. 5GGG illustrates that, in response to the movement of contact 5456,the current focus moves from icon 5092-b to icon 5092-f.

FIG. 5GGG also illustrates that input 5458 (e.g., a tap gesture) isdetected on touch-sensitive surface 451.

FIG. 5HHH illustrates that source selection interface 5098 is displayedon display 450 (e.g., source selection interface 5098 is overlaid onproduct page view 5090). Source selection interface 5098 includes mediasource objects that are not included in product page view 5090 (e.g.,due to the space limitations). For example, source selection interface5098 in FIG. 5HHH includes additional media source icons 5098-a through5098-c.

FIG. 5III illustrates that the current focus is on media management icon5093-c (e.g., “View on Movieflix”). FIG. 5III also shows that input 5460(e.g., a tap gesture) is detected on touch-sensitive surface 451.

FIG. 5JJJ illustrates that, in response to detecting input 5460, productpage 5064 of a different software application (e.g., third partyapplication by Movieflix, such as first video player module 392 in FIG.3) is displayed on display 450. Product page 506 in FIG. 5JJJ includesicons 5068-a through 5068-d, and the current focus is on icon 5068-a(e.g., the “WatchNow” icon).

FIG. 5JJJ also shows input 5462 (e.g., a tap gesture), ontouch-sensitive surface 451, which initiates playback of thecorresponding media content item (e.g., the movie “The Great Climb”), asshown in FIGS. 5BBB-5DDD.

FIGS. 5KKK-5LLL illustrate navigating to product page view 5090 from asearch screen. FIG. 5KKK shows search page view 5066, which includesmultiple search results. A current focus is on the movie “The GreatClimb” when input 5464 (e.g., a tap gesture) is detected ontouch-sensitive surface 451. FIG. 5LLL shows that, in response to input5464, product page view 5090 is displayed.

FIGS. 5MMM-5NNN illustrate navigating to product page view 5090 from amedia content store view (e.g., the iTunes store page). FIG. 5MMM showsmedia content store view 5060, which includes multiple media contenticons 5076-a through 5076-i, including media content icon 5076-b for themovie “The Great Climb.” A current focus is on icon 5076-b when input5466 (e.g., a tap gesture) is detected on touch-sensitive surface 451.FIG. 5NNN shows that, in response to input 5466, product page view 5090is displayed.

FIGS. 5OOO-5ZZZ illustrate selecting media presentation options for aprogram series (e.g., a television program) in accordance with someembodiments.

FIG. 5OOO illustrates product page view 5091 for a television program“Sad Men.” Product Page View 5091 in FIG. 5OOO includes media sourceicons 5095-a through 5095-e and additional source icon 5095-f (whichcorresponds to icon 5092-f in FIG. 5GGG). In FIG. 5OOO, a current focusis on icon 5095-a.

Product page view 5091 in FIG. 5OOO also includes media management icons5096-a through 5096-c that correspond to icon 5095-a, and episode icon5097-a through 5097-d that correspond to icon 5095-a (e.g., episodeicons that correspond to episodes available from all of the availablemedia sources).

In some embodiments, the icons included in product page view 5091 can betilted as described above with respect to FIGS. 5A-5PP. When these iconsare tilted, they exhibit the parallax effect. For brevity, these detailsare omitted here.

FIG. 5OOO also illustrates that a movement of contact 5468 (e.g., aright-swipe gesture) is detected on touch-sensitive surface 451.

FIG. 5PPP illustrates that, in response to detecting the movement ofcontact 5468, the current focus moves from icon 5095-a to icon 5095-b,and media management icons 5096-a through 5096-c are replaced with mediamanagement icons 5096-d, 5096-e, 5096-b, 5096-f, and 5096-c thatcorrespond to media source icon 5095-b.

Product page view 5091 also includes pricing information 5099-a through5099-c for respective episode icons 5097-a through 5097-c.

FIG. 5PPP also shows that a movement of contact 5470 (e.g., aright-swipe gesture) is detected on touch-sensitive surface 451.

FIG. 5QQQ illustrates that, in response to detecting the movement ofcontact 5470, the current focus moves from media source icon 5095-b tomedia source icon 5095-c. Media management icons shown in FIG. 5PPP(e.g., media management icons 5096-d, 5096-e, 5096-b, 5096-f, and5096-c) are replaced with media management icons 5096-f, 5096-b, and5096-c that correspond to media source icon 5095-c.

FIG. 5QQQ also shows that a movement of contact 5472 (e.g., a longleft-swipe gesture) is detected on touch-sensitive surface 451.

FIG. 5RRR illustrates that, in response to detecting the movement ofcontact 5472, the current focus has moved back to media source icon5095-a.

FIG. 5RRR also shows that a movement of contact 5474 is detected ontouch-sensitive surface 451.

FIG. 5SSS illustrates that, in response to the movement of contact 5474,the current focus moves to media management icon 5096-b.

FIG. 5SSS also shows that input 5476 (e.g., a tap gesture) is detectedon touch-sensitive surface 451 while the current focus is on mediamanagement icon 5096-b.

FIG. 5TTT illustrates that, in response to input 5476, season selectioninterface 5498 is displayed (e.g., season selection interface 5498 isoverlaid on product page view 5091). Season selection interface 5498includes season icons 5498-1 through 5498-5 that correspond torespective seasons available for the television program.

FIG. 5TTT also shows that a movement of contact 5478 (e.g., a swipe-downgesture) is detected on touch-sensitive surface 451.

FIG. 5UUU shows that, in response to the movement of contact 5478, thecurrent focus moves from series icon 5498-5 (which corresponds to thefifth season) to series icon 5498-1 (which corresponds to the firstseason).

FIG. 5UUU also shows that input 5480 (e.g., a tap gesture) is detectedon touch-sensitive surface 451.

FIG. 5VVV illustrates that, in response to input 5480, product page view5091 is displayed. Season icon 5096-b in FIG. 5VVV indicates that thefirst season is selected for the television program, and product pageview 5091 includes episode icons 5097-e through 5097-h from the firstseason of the television program.

FIG. 5VVV also shows that a movement of contact 5482 is detected ontouch-sensitive surface 451.

FIG. 5VVV illustrates that, in response to the movement of contact 5482,the current focus moves from icon 5096-b to icon 5096-a. FIG. 5VVV alsoshows that input 5484 (e.g., a tap gesture) is detected ontouch-sensitive surface 451.

FIG. 5XXX illustrates that, in response to input 5484, video playbackview 5300 is displayed, which includes a playback of the televisionprogram.

FIG. 5YYY illustrates that input 5486 (e.g., a tap gesture) is detectedon touch-sensitive surface 451, when episode icon 5097-e is selected.Pricing information 5099-e indicates that a playback of an episodecorresponding to episode icon 5097-e requires a payment of $2.99.

FIG. 5ZZZ illustrates that, in response to input 5486, play confirmationpage 5094 is displayed (e.g., play confirmation page 5094 is overlaid onproduct page view 5091). Play confirmation page 5094 requires a user toconfirm whether the user wants to pay for the playback of the selectedepisode. If the user provides an input confirming the payment, videoplayback view 5300 shown in FIG. 5XXX is displayed.

FIGS. 5AAAA-5ZZZZ illustrate exemplary user interfaces for navigatingthrough media content in accordance with some embodiments.

FIG. 5AAAA illustrates video playback view 5300, displayed on display450. Video playback view 5300 is a user interface providing display of amedia item (e.g., a movie or television show), in a paused or playingstate, and in some embodiments, video playback view 5300 providesdisplay of video information associated with navigation of the mediaitem. FIG. 5AAAA illustrates opening credits of a movie being displayedduring normal playback.

FIG. 5AAAA also illustrates that user input 5154 (e.g., a tap gesture)is detected on touch-sensitive surface 451.

FIG. 5BBBB illustrates that, in response to detecting user input 5154(FIG. 5AAAA), navigation elements such as a scrubber bar 5302 and afirst playhead 5304 are displayed in video playback view 5300. Forexample, a light touch is detected on touch-sensitive surface 451, andthe elements shown in FIG. 5BBBB are displayed to remind the usergenerally how long the movie is, and where in the movie the user iscurrently watching. In some embodiments, the navigation elements, suchas scrubber bar 5302 and first playhead 5304 are displayed in responseto detecting a tap and hold gesture or a swipe gesture ontouch-sensitive surface 451.

In some embodiments, in response to detecting user input 5154 (or a tapand hold gesture, or a swipe gesture), the media item switches frombeing in a paused state to a playing state, or vice versa.Alternatively, the displayed media item continues to play regardless ofuser input 5154.

In some embodiments, total time text 5309 is also displayed, to indicatethe total time duration of the media item displayed in video playbackview 5300. In some embodiments, scrubber bar 5302 represents a timelineof the total duration of the displayed media item. In some embodiments,first playhead 5304 indicates the position within scrubber bar 5302 thatrepresents the point in time corresponding to a portion (e.g., thesingle frame, a window of multiple frames, or a window of a certain timeperiod) of the media item currently displayed in video playback view5300. In some embodiments, text is displayed with first playhead 5304 toindicate the corresponding time within scrubber bar 5302. In someembodiments, in response to detecting user input 5154, the displayedmedia item remains in a playing state and first playhead 5304correspondingly moves along scrubber bar 5302 in a smooth, continuousmanner. Alternatively, in response to detecting user input 5154, thedisplayed media item is in a paused state and first playhead 5304 isstationary. In some embodiments, scrubber bar 5302 is displayed as atleast partially transparent.

FIG. 5BBBB also illustrates detection of user input 5159 (e.g., a tapgesture) on touch-sensitive surface 451.

FIG. 5CCCC illustrates that the device is in a continuous playbacknavigation mode. In some embodiments, the device enters the continuousplayback navigation mode in response to user input 5159 in FIG. 5BBBB.Alternatively, the device enters the continuous playback navigation modein response to user input 5154 in FIG. 5AAAA (without user input 5154 orthe user interface illustrated in FIG. 5BBBB).

In FIG. 5CCCC, additional navigation elements are displayed in videoplayback view 5300 (e.g., second playhead 5308). In some embodiments, atany given time, second playhead 5308 indicates a particular navigationposition, in the scrubber bar, to which first playhead 5304 will moveupon receiving a particular user input (that corresponds to a request tomove first playhead 5304 to a location of second playhead 5308). In someembodiments, second playhead text 5312 is displayed, adjacent to secondplayhead 5308 (e.g., below second playhead 5308). In some embodiments,one or more text elements, such as second playhead text 5312 and/ortotal time text 5309, are displayed adjacent to second playhead 5308(optionally, within or overlaid on top of scrubber bar 5302).

In some embodiments, second playhead 5308 is displayed with preview pane5310 adjacent to second playhead 5308, as shown in FIG. 5CCCC. Previewpane 5310 is optionally centered above or below second playhead 5308. Insome embodiments, preview pane 5310 displays visual informationcorresponding to the location in scrubber bar 5302, indicated by secondplayhead 5308. For example, if second playhead 5308 is pointing to the0:00:34 time position within scrubber bar 5302, preview pane 5310displays a frame that corresponds to the movie at that time. U.S. patentapplication Ser. No. 14/743,955, filed Jun. 18, 2015, entitled “ImageFetching for Timeline Scrubbing of Digital Media,” which is incorporatedby reference herein in its entirety, describes exemplary operations forretrieving and generating preview images for display in a preview pane,such as preview pane 5310.

In some embodiments, video information corresponding to preview pane5310 includes at least a subset of the video information correspondingto the media item displayed in video playback view 5300 (e.g., a subsetof the frames). For example, preview pane 5310 provides a snapshot of ascene in the movie that the user can skip to, while maintaining displayof the media item behind the preview pane. In some embodiments, inresponse to detecting a user input to invoke display of preview pane5310 and/or second playhead marker 5308, preview pane 5310 and/or secondplayhead marker 5308 are initially displayed at the same location inscrubber bar 5302 as first playhead marker 5304, as shown in FIG. 5CCCC.

In some embodiments, while the device is the continuous playbacknavigation mode, the device moves second playhead 5308 continuously(e.g., in a forward direction toward the end of the media item or in areverse direction toward the beginning of the media item). In someembodiments, a continuous movement of second playhead 5308 correspondsto changing a position in time that corresponds to second playhead 5308by a predefined time interval (e.g., one second interval, an interval ofa few seconds, a fraction of a second, etc.). In some embodiments, whilethe device is in the continuous playback navigation mode, playback ofthe media item is paused. In some embodiments, while the device is inthe continuous playback navigation mode, the media item continues toplay.

FIG. 5CCCC also illustrates detection of contact 5158-a of user input5158 (e.g., a right swipe gesture) on touch-sensitive surface 451.

FIG. 5DDDD illustrates display of preview pane 5310, second playhead5308 and second playhead text 5312 at a new position in scrubber bar5302, in response to detecting user input 5158 (up to contact point5158-b). FIG. 5DDDD also illustrates that the displayed media item invideo playback view 5300 has been continuously playing while thenavigation elements have been displayed, as can be seen by the currentscene depicted in FIG. 5DDDD. Second playhead 5308, preview pane 5310and second playhead text 5312 have been moved to the 0:28:59 mark withinthe media item being displayed in video playback view 5300. From theexample shown in FIG. 5DDDD, the displayed scene in preview pane 5310 atthe 0:28:59 mark reveals that Greg the Goat is approaching the firstpeak of the mountain range, and a user can choose to skip directly tothis exciting point in the movie, if desired. FIG. 5DDDD illustratesdetection of continued movement of user input 5158 on touch-sensitivesurface 451.

FIG. 5EEEE illustrates display of preview pane 5310, second playhead5308 and second playhead text 5312 at a new position in scrubber bar5302 (e.g., 0:49:13), in response to detecting user input 5158 (up tocontact point 5158-c).

FIG. 5FFFF illustrates that preview pane 5310, second playhead 5308and/or second playhead text 5312 remain on display subsequent to ceasingto detect any user input (e.g., contact on touch-sensitive surface 451or a button press on remote control 5001). In some embodiments, previewpane 5310, second playhead 5308 and/or second playhead text 5312 aredisplayed to have continuously moved from their locations in FIG. 5CCCCto their locations in FIG. 5FFFF (e.g., from 0:00:34 to 0:49:13). Insome embodiments, preview pane 5310, second playhead 5308 and/or secondplayhead text 5312 appear to move incrementally through scrubber bar5302 in response to detecting user input 5158 (FIGS. 5CCCC-5EEEE).

In some embodiments, preview pane 5310, second playhead 5308 and/orsecond playhead text 5312 move in accordance with detected user input5158. For example, the distance of preview pane 5310, second playhead5308 and/or second playhead text 5312 moving through scrubber bar 5302is directly proportional to the distance of user input 5158. In anotherexample, the displayed movement of preview pane 5310, second playhead5308 and/or second playhead text 5312 tracks the motion and pauses inmotion of user input 5158. In some embodiments, user input 5158 is aswipe gesture with a detected lift off speed. In some embodiments,preview pane 5310, second playhead 5308 and/or second playhead text 5312continue to move through scrubber bar 5302 in accordance with thedetected lift off speed of a detected swipe gesture (e.g., until the“momentum” of the swipe runs out).

FIG. 5FFFF also illustrates two alternative user inputs 5159-1 (e.g., atap gesture or a press and hold gesture) and 5159-2 (e.g., a swipegesture) on touch-sensitive surface 451. These two alternative userinputs 5159-1 and 5159-2 are illustrated together in FIG. 5FFFF tofacilitate the understanding of certain operations of the device.However, these two alternative user inputs 5159-1 and 5159-2 do not needto be detected concurrently.

In some embodiments, while preview pane 5310, second playhead 5308and/or second playhead text 5312 are displayed, a user input is detectedon a sub-region (e.g., user input 5159-1 on sub-region 5208-i oftouch-sensitive surface 451), and, in response, preview pane 5310,second playhead 5308 and/or second playhead text 5312 move forward orbackward along scrubber bar 5302. For example, in response to a userinput detected in sub-region 5208-c, 5208-f or 5208-i, preview pane5310, second playhead 5308 and second playhead text 5312 move forward intime along scrubber bar 5302, and in response to a user input detectedin sub-region 5208-a, 5208-d or 5208-g, preview pane 5310, secondplayhead 5308 and second playhead text 5312 move backward in time alongscrubber bar 5302. In some embodiments, in response to a user inputdetected in sub-region 5208-c, 5208-f or 5208-i, preview pane 5310,second playhead 5308 and second playhead text 5312 move forward in timealong scrubber bar 5302 while the user input is detected in sub-region5208-c, 5208-f, or 5208-i, and in response to a user input detected insub-region 5208-a, 5208-d or 5208-g, preview pane 5310, second playhead5308 and second playhead text 5312 move backward in time along scrubberbar 5302 while the user input is detected in sub-region 5208-a, 5208-d,or 5208-g. In some embodiments, as shown in FIG. 5FFFF, visual indicator5319 (e.g., a right circling arrow) is displayed adjacent to previewpane 5310 (e.g., to the right side of preview pane 5310) to indicatethat a click (or a tap gesture) on sub-region 5208-c, 5208-f, or 5208-iinitiates moving second playhead 5308, preview pane 5310, and/or secondplayhead text 5312 forward. In some embodiments, another visualindicator (e.g., a left circling arrow) is displayed adjacent to previewpane 5310 (e.g., to the left side of preview pane 5310) (in addition tovisual indicator 5319 or instead of visual indicator 5319) to indicatethat a click (or a tap gesture) on sub-region 5208-a, 5208-d, or 5208-ginitiates moving second playhead 5308, preview pane 5310, and/or secondplayhead text 5312 backward.

Alternatively, user input 5159-2 (e.g., a rightward swipe gesture) ontouch-sensitive surface 451 initiates moving second playhead 5308 (andoptionally preview pane 5310 and/or second playhead text 5312) forwardin accordance with user input 5159-2.

FIG. 5GGGG illustrates that preview pane 5310, second playhead 5308and/or second playhead text 5312 move forward in time along scrubber bar5302 in response to user input 5159-1 (e.g., a tap gesture or apress-and-hold gesture on sub-region 5208-i) or user input 5159-2 (e.g.,a rightward swipe gesture).

FIG. 5HHHH illustrate that, in some embodiments, preview pane 5310,second playhead 5308 and/or second playhead text 5312 continue to movealong scrubber bar 5302 even when no user input is detected (e.g., dueto the inertia from a swipe gesture, such as user input 5159-2illustrated in FIG. 5FFFF). In some embodiments, preview pane 5310,second playhead 5308 and/or second playhead text 5312 continue to movealong scrubber bar 5302 in response to detecting a user input of aparticular type (e.g., a swipe gesture as illustrated in FIG. 5FFFF). Insome embodiments, the preview pane 5310, second playhead 5308 and/orsecond playhead text 5312 move at a speed that corresponds to user input5159-2 upon user input 5159-2 ceasing to be detected (e.g., due to alift off of the contact in user input 5159-2), and slow down as theymove along scrubber bar 5302 while no user input is detected. In someembodiments, preview pane 5310, second playhead 5308 and/or secondplayhead text 5312 continue to move along scrubber bar 5302 untilanother user input, such as user input 5190 (FIG. 5HHHH), is detected orone end of scrubber bar 5302 is reached.

FIG. 5IIII illustrates that in some embodiments, when preview pane 5310,second playhead 5308 and/or second playhead text 5312 get close to oneend of scrubber bar 5302, preview pane 5310 (and possibly secondplayhead text 5312) stop moving (e.g., at the point where one edge ofpreview pane 5310 appears to reach the edge of video playback view5300). In some embodiments, even after preview pane 5310 stops moving,second playhead 5308 continues to move and the displayed contents ofpreview pane 5310 continue to change in accordance with the position ofsecond playhead 5308 along scrubber bar 5302 indicated by secondplayhead 5308, as shown in FIG. 5IIII. In some embodiments, if secondplayhead text 5312 is too close to total time text 5309, total time text5309 ceases to be displayed and second playhead text 5312 occupies thespace in video playback view 5300 where total time text 5309 wasdisplayed, as shown in FIGS. 5HHHH and 5IIII.

FIG. 5IIII also illustrates detection of user input 5192 (e.g., a leftswipe gesture), starting with contact 5192-a on touch-sensitive surface451.

FIG. 5JJJJ illustrates that in response to detecting user input 5192 (upto contact point 5192-b), preview pane 5310, second playhead 5308 and/orsecond playhead text 5312 are correspondingly rewound or moved towardthe start of the displayed movie. In some embodiments, total time text5309 reappears after second playhead text 5312 ceases to occupy thespace in video playback view 5300 where total time text 5309 istypically displayed.

FIG. 5KKKK shows further leftward progression of the navigation elementsin FIG. 5JJJJ. FIG. 5KKKK also illustrates detection of user input 5193(e.g., a tap gesture) on touch-sensitive surface 451.

FIG. 5LLLL illustrates that, in response to detecting user input 5193(FIG. 5KKKK), preview pane 5310, second playhead 5308 and/or secondplayhead text 5312 stop moving.

FIG. 5LLLL also illustrates that user input 5194 (e.g., a downwardswipe) is detected on touch-sensitive surface 451.

FIG. 5MMMM illustrates that, in response to detecting user input 5194(FIG. 5LLLL), the device enters a chapter playback navigation mode. InFIG. 5MMMM, playback position markers 5314 are displayed on scrubber5302. In some embodiments, playback position markers 5314 representpredefined milestones or positions within the media item displayed invideo playback view 5300 (e.g., chapters). In some embodiments, scrubber5302, first playhead 5304 (and optionally, second playhead 5308) remainon display after the device switches from the continuous playbacknavigation mode to the chapter playback navigation mode.

FIG. 5MMMM also illustrates two alternative user inputs 5199-1 (e.g., atap gesture or a press and hold gesture on sub-region 5208-c, 5208-f, or5208-i) and 5199-2 (e.g., a swipe gesture to the right) ontouch-sensitive surface 451. These two alternative user inputs 5199-1and 5199-2 are illustrated together in FIG. 5MMMM to facilitate theunderstanding of certain operations of the device. However, these twoalternative user inputs 5199-1 and 5199-2 do not need to be detectedconcurrently.

In some embodiments, as shown in FIG. 5MMMM, visual indicator 5318 isdisplayed adjacent to preview pane 5310 (e.g., to the right side ofpreview pane 5310) to indicate that a click (or a tap gesture) onsub-region 5208-c, 5208-f, or 5208-i initiates moving second playhead5308, preview pane 5310, and/or second playhead text 5312 forward.

FIG. 5NNNN illustrates that, in response to detecting user input 5199-1or 5199-2, preview pane 5310, second playhead 5308 and/or secondplayhead text 5312 move to the closest playback position marker 5314-bin the direction represented by the detected user input. For example,second playhead 5308 moves to closest playback position marker 5314-b onthe right side of the current location of second playhead 5308 inresponse to right swipe gesture 5199-2, or tap gesture 5199-1 on a rightsub-region (e.g., sub-region 5208-c, 5208-f, or 5208-i shown in FIG.5MMMM) of touch-sensitive surface 451. In some embodiments, secondplayhead 5308 jumps directly to the position of the closest playbackposition marker 5314-b.

FIG. 5NNNN also illustrates detection of two alternative user inputs5198-1 (e.g., a tap gesture or a press and hold gesture on sub-region5208-a, 5208-d, or 5208-g) and 5198-2 (e.g., a swipe gesture to theleft) on touch-sensitive surface 451. These two alternative user inputs5198-1 and 5198-2 are illustrated together in FIG. 5NNNN to facilitatethe understanding of certain operations of the device. However, thesetwo alternative user inputs 5198-1 and 5198-2 do not need to be detectedconcurrently.

In some embodiments, as shown in FIG. 5NNNN, visual indicator 5320 isdisplayed (in addition to visual indicator 5318 or instead of visualindicator 5318) adjacent to preview pane 5310 (e.g., to the left side ofpreview pane 5310) to indicate that a click (or a tap gesture) onsub-region 5208-a, 5208-d, or 5208-g initiates moving second playhead5308, preview pane 5310, and/or second playhead text 5312 backward. Insome embodiments, visual indicator 5318 (e.g., a fast-forward iconillustrated in FIG. 5MMMM) is displayed in accordance with adetermination that a touch input is resting on a right side (e.g., aright half) of touch-sensitive surface 451 and visual indicator 5320(e.g., a reverse icon illustrated in FIG. 5NNNN) is displayed inaccordance with a determination that a touch input is resting on a leftside (e.g., a left half) of touch-sensitive surface 451.

FIG. 5OOOO illustrates that, in response to detecting user input 5198-1or 5198-2, preview pane 5310, second playhead 5308 and/or secondplayhead text 5312 move from one playback position marker 5314-b, to aclosest playback position marker 5314-a in the direction represented bythe detected user input. For example, second playhead 5308 moves toplayback position marker 5314-a in response to a left swipe gesture, ora tap gesture on a left sub-region (e.g., sub-region 5208-a, 5208-d, or5208-g shown in FIG. 5FFFF) of touch-sensitive surface 451.

FIG. 5OOOO also illustrates detection of user input 5170 (e.g., a buttonpress on menu button 5002).

FIGS. 5PPPP to 5SSSS illustrate an exemplary animation displayed inresponse to user input 5170. The animation shows disappearance ofscrubber 5302, first playhead 5304, second playhead 5308, preview pane5310, second playhead text 5312, and playback position markers 5314. Insome embodiments, in response to detecting a user input corresponding toa command to exit a chapter navigation mode (e.g., user input 5170), oneor more navigation elements are immediately removed from display invideo playback view 5300 (e.g., without an animation). In someembodiments, in response to detecting a user input corresponding to acommand to exit a chapter navigation mode, one or more navigationelements remain on display (e.g., scrubber bar 5302, first playhead5304), until preview pane 5310 completely ceases to be displayed.

FIG. 5SSSS also illustrates detection of user input 5172 (e.g., a tapgesture) on touch-sensitive surface 451.

FIG. 5TTTT illustrates that, in response to user input 5172, the deviceenters the continuous playback navigation mode. Alternatively oradditionally, the device enters the continuous playback navigation modein response to detecting a swipe gesture or a tap and hold gesture ontouch-sensitive surface 451.

FIG. 5TTTT also illustrates that user input 5173 (e.g., a downward swipegesture) is subsequently detected on touch-sensitive surface 451.

FIG. 5UUUU illustrates that, in response to detecting user input 5173,the device enters the chapter playback navigation mode.

FIG. 5UUUU also illustrates that user input 5174 (e.g., an upward swipegesture) is detected on touch-sensitive surface 451.

FIG. 5VVVV illustrates that, in response to detecting user input 5174,the device enters the continuous playback navigation mode.

FIG. 5VVVV also illustrates detection of user input 5175 (e.g., a rightswipe gesture) on touch-sensitive surface 451.

FIG. 5WWWW illustrates that, in response to detecting user input 5175,preview pane 5310, second playhead 5308 and second playhead text 5312have moved to a particular position within scrubber bar 5302corresponding to the 1:01:44 mark of the paused movie. Preview pane 5310shows a clip of the dramatic scene as Greg the Goat approaches theultimate challenge on his journey home.

FIG. 5WWWW also illustrates that user input 5179 (e.g., a tap gesture)is detected on touch-sensitive surface 451.

FIG. 5XXXX illustrates that, in response to detecting a user input(e.g., user input 5179 illustrated in FIG. 5WWWW), first playhead 5304jumps to the (temporal) position indicated by second playhead 5308. Insome embodiments, after first playhead 5304 jumps to the positionindicated by second playhead 5308, one or more navigation elements(e.g., second playhead 5308, preview pane 5310 and/or second playheadtext 5312) cease to be displayed in video playback view 5300. In someembodiments, first playhead 5304 and scrubber bar 5302 also cease to bedisplayed after first playhead 5304 jumps to the position indicated bysecond playhead 5308. In some embodiments, the navigation elements ceaseto be displayed after one or more inactivity criteria are met (e.g., apredetermined amount of time has elapsed since detection of the lastuser input, or detection of remote controller 5001 being placed on aflat surface). In some embodiments, the navigation elements cease to bedisplayed in response to detecting user input 5178 (e.g., a tap-and-holdgesture).

FIG. 5YYYY illustrates that the navigation elements cease to bedisplayed and the device enters a normal playback mode. While the deviceis in the normal playback mode, view playback view 5300 displaysplayback of the media item.

In some embodiments, navigation of the displayed media item is enabledduring the normal playback mode, even though no navigation elements aredisplayed in video playback view 5300 (e.g., scrubber bar, playheads ortime text are not displayed in video playback view 5300). FIG. 5YYYYalso illustrates detection of user input 5180 (e.g., a click, tap orpress and hold gesture) in sub-region 5208-f on touch-sensitive surface451.

FIG. 5ZZZZ illustrates display of the media item of video playback view5300 has temporally advanced or fast forwarded by a predefined timeinterval, in response to detecting user input 5180. For example, userinput 5180 was a click press in the right half of touch-sensitivesurface 451, and the device skips playback of the media item by apredefined time interval (e.g., 10, 30, or 90 seconds), showing Greg theGoat having traversed the great peak of the mountain range, after thepredefined time interval from the scene portrayed in FIG. 5YYYY.

FIGS. 6A-6C illustrate a flow diagram of method 600 of providinginteractive screensaver information in accordance with some embodiments.The method 600 is performed at an electronic device (e.g., device 300,FIG. 3, or portable multifunction device 100, FIG. 1A) in communicationwith a display, and in some embodiments, a touch-sensitive surface. Insome embodiments, the display is a touch-screen display and thetouch-sensitive surface is on or integrated with the display. In someembodiments, the display is separate from the touch-sensitive surface.Some operations in method 600 are, optionally, combined and/or the orderof some operations is, optionally, changed.

As described below, method 600 provides an intuitive way to interactwith screensavers. The method reduces the cognitive burden on a userwhen interacting with screensavers, thereby creating a more efficienthuman-machine interface. For battery-operated electronic devices,enabling a user to interact with a screensaver to obtain additionalinformation faster and more efficiently conserves power and increasesthe time between battery charges.

While the device is operating in a screensaver mode, the device provides(602), to the display, to present a first media (item), that includes afirst visual motion effect (e.g., a first panning and/or zooming effecton a still image or playback of a first video, such as a (slow) zoomingin on a first scene, as shown in FIGS. 5B-5D, which show a zoomingeffect on an image of a bridge). In some embodiments, the first mediaitem corresponds to a first still image upon which the first panningand/or zooming effect is applied.

While the display is presenting the first media that includes the firstvisual motion effect, the device receives (604) a user input on theremote user input device (e.g., contact 5401 in FIG. 5D). In response toreceiving the user input on the remote user input device, the devicedetermines (606) a type of the user input on the remote user inputdevice.

In accordance with determining that the user input on the remote userinput device is a user input of a first type (e.g., resting a finger ona touch-sensitive surface of the remote control as represented bycontact 5401 in FIG. 5D, or lifting the remote control from a restingposition), the device provides (608), to the display, data to presentthe first media that includes a second visual motion effect (e.g., asecond panning and/or zooming effect on the still image, rewinding thefirst video, or a (slow) zooming out on the first scene) without exitingthe screensaver mode, as shown in FIGS. 5D-5F. The second visual motioneffect is distinct from the first visual motion effect. In someembodiments, a direction in the second panning and/or zooming is changedin accordance with the user input on the remote input device (e.g., adirection of a user input on a touch-sensitive surface of the remotecontrol). In some embodiments, the second panning and/or zooming effectincludes changing a playback speed of the first media (e.g., playing thevideo slower or faster).

In accordance with determining that the user input on the remote userinput device is a user input of a second type (e.g., pressing a menubutton on the remote control), distinct from the first type, the deviceexits (610) the screensaver mode (e.g., in FIG. 5P, input 5407 pressingon menu button 5002 initiates exiting from the screensaver mode).

In some embodiments, after determining that the user input is of thefirst type, while the display is presenting the first media thatincludes the second visual motion effect, the device determines (612)that the user input of the first type has ceased to be detected on theremote user input device, and in response to determining that the userinput of the first type has ceased to be detected on the remote userinput device, the device provides, to the display, data to present amedia that includes the first visual motion effect. (e.g., resuming playof the first video from when the user input on the first type has ceasedto be detected on the remote user input device, or displaying anothervideo, distinct from the first video, with the first panning and/orzooming effect when the user input on the first type has ceased to bedetected on the remote user input device). For example, when contact5401 ceases to be detected on touch-sensitive surface 451 as shown inFIG. 5F, the first visual motion effect (e.g., zooming-in) resumes asshown in FIGS. 5F-5H.

In some embodiments, in response to receiving the user input on theremote user input device, in accordance with determining that the userinput on the remote user input device is a user input of a third type(e.g., a tap gesture on a touch-sensitive surface of the remotecontrol), the device provides (614, FIG. 6B), to the display, data topresent the first media, that includes the first visual motion effect,with corresponding descriptive text. (e.g., tap gesture 5405 in FIG. 5Linitiates displaying text, shown in FIG. 5M, that describes the firstmedia item, such as the metadata including information about thelocation and/or the time the first media was captured).

In some embodiments, in response to receiving the user input on theremote user input device, in accordance with determining that the userinput on the remote user input device is a user input of a fourth type(e.g., right-swipe gesture 5406 in FIG. 5N), the device provides (616),to the display, data to replace the first media (item) that includes thefirst visual motion effect with a second media (e.g., next video in thesame collection or different collection), selected from a plurality ofmedia, that includes a third visual motion effect (e.g., a third panningand/or zooming effect). For example, a beach image is displayed in FIG.5O instead of an image of a bridge. The beach image is displayed withpanning and zooming effects, whereas the bridge image is displayed witha zooming effect only. In some embodiments, the third visual motioneffect is distinct from the first visual motion effect (e.g., the thirdpanning and/or zooming effect is distinct from the first panning and/orzooming effect). In some embodiments, the third visual motion effectcorresponds to the first visual motion effect (e.g., the third panningand/or zooming effect corresponds to the first panning and/or zoomingeffect). In some embodiments, the second media corresponds to a secondstill image upon which the third panning and/or zooming effective isapplied. In some embodiments, the plurality of media (or images) isstored on the electronic device.

In some instances, the panning and/or zooming effect is applied to arespective still image selected from a plurality of still images, toform a first video. In some embodiments, in response to receiving a userinput on the remote user input device, in accordance with determiningthat the user input on the remote user input device is a user input of aparticular type (e.g., a swipe to the right), the device provides, tothe display, data to replace presentation of the first still image thatincludes the first panning and/or zooming effect with presentation of asecond still image selected from the plurality of still images (e.g., anext still image in the same collection of still images or in adifferent collection), the presentation of the second still imageincluding the third visual motion effect (e.g., the third panning and/orzooming effect).

In some embodiments, in response to receiving the user input on theremote user input device, in accordance with determining that the userinput on the remote user input device is a user input of a fifth type(e.g., picking up the remote control as shown in FIG. 5K), the deviceprovides (618), to the display, data to present the first media, thatincludes the first visual motion effect, with information that indicatescurrent time and/or date. (e.g., the current time and/or date 5010 intext as shown in FIG. 5L, or one or more symbols indicating the currenttime and/or date, such as an image of a clock).

In some embodiments, the electronic device enters (620) the screensavermode in accordance with a determination that one or more screensaveractivation criteria have been satisfied, where the one or morescreensaver activation criteria are satisfied in accordance withdetermining that the remote user input device is stationary (e.g., for apredefined time duration). In some embodiments, the one or morescreensaver activation criteria are satisfied in accordance withdetermining that the remote user input device has been placed down on astationary surface.

In some embodiments, in response to receiving the user input on theremote user input device, in accordance with determining that the userinput on the remote user input device is a user input of a sixth type(e.g., dragging a finger on a touch-sensitive surface of the remote userinput device in a first direction), the device changes (622) a visualmotion effect for presenting the first media on the display. Forexample, in response to a swipe down gesture (e.g., the movement ofcontact 5403 shown in FIG. 5I) on the touch-sensitive surface of theremote user input device, the first still image is presented with azoom-in effect so that the first still image appears as if the firststill image is being pulled back on the display, as shown in FIG. 5J.

In some embodiments, in response to receiving the user input on theremote user input device and in accordance with determining that theuser input on the remote user input device is a user input of the secondtype, the device provides (624, FIG. 6C), to the display, data toreplace the first media that includes the first visual motion effectwith a user interface with a plurality of objects (e.g., home screenuser interface 5018 in FIG. 5Q). The plurality of objects includes afirst object (e.g., icon 5015-a) and a second object (e.g., icon 5015-b)that is adjacent to the first object on the display and a current focusis on the first object of the plurality of objects (e.g., in FIG. 5Q,the current focus is on icon 5015-a).

In some embodiments, providing, to the display, data to present thefirst media, that includes the first visual motion effect includesproviding, to the display, data to present a playback of a first video.In some embodiments, in accordance with determining that the user inputon the remote user input device is a user input of a seventh type, thedevice changes (629) a playback direction of the first video inaccordance with the user input (e.g., in response to a left-swipegesture shown in FIG. 5H, the playback direction is changed fromzooming-in to zooming-out).

It should be understood that the particular order in which theoperations in FIGS. 6A-6C have been described is merely exemplary and isnot intended to indicate that the described order is the only order inwhich the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,methods 700, 800, 900, 1000, 1100, and 1200) are also applicable in ananalogous manner to method 600 described above with respect to FIGS.6A-6C. For example, the user interfaces and user inputs described abovewith reference to method 600 optionally have one or more of thecharacteristics of the user interfaces and user inputs described hereinwith reference to other methods described herein (e.g., methods 700,800, 900, 1000, 1100, and 1200). For brevity, these details are notrepeated here.

FIGS. 7A-7C illustrate a flow diagram of a method 700 of moving acurrent focus over user interface objects, in accordance with someembodiments. Method 700 is performed at an electronic device (e.g.,device 300, FIG. 3, or portable multifunction device 100, FIG. 1A) incommunication with a display, and in some embodiments, a touch-sensitivesurface. In some embodiments, the display is a touch-screen display andthe touch-sensitive surface is on or integrated with the display. Insome embodiments, the display is separate from the touch-sensitivesurface. Some operations in method 700 are, optionally, combined and/orthe order of some operations is, optionally, changed.

As described below, method 700 provides an intuitive way to move acurrent focus over user interface objects. The method reduces thecognitive burden on a user when moving current focuses, thereby creatinga more efficient human-machine interface. For battery-operatedelectronic devices, enabling a user to move a current focus faster andmore efficiently conserves power and increases the time between batterycharges.

In some embodiments, the electronic device provides (702), to thedisplay, data (e.g., instructions, video signals, image files, or otherinformation) to present a user interface with a plurality of userinterface objects. In some embodiments, the plurality of user interfaceobjects is displayed in a scrollable two-dimensional array on thedisplay. In some embodiments, the user interface objects are applicationicons, channel icons, content icons, or content group icons, which, whenactivated (e.g., with a tap gesture, pressing of a selection button, avoice command, etc.), lead to the display of a correspondingapplication, channel, content, or content group on the display. Theplurality of user interface objects includes: a first user interfaceobject and a second user interface object that is adjacent to the firstuser interface object on the display. In some embodiments, there is agap between adjacent user interface objects. In some embodiments, thegap between adjacent user interface objects is reduced as one userinterface object moves towards the other user interface object. In someembodiments, the gap between adjacent user interface objects iseliminated as one user interface object moves towards the other userinterface object. A current focus is on the first user interface objectof the plurality of user interface objects. In some embodiments, whilethe current focus is on a respective user interface object, therespective user interface object is visually distinguished from theother user interface objects in the plurality of user interface objects.

While the display is presenting the user interface, the electronicdevice receives (704) a first input that corresponds to a request tomove the current focus in the user interface (e.g., receiving an inputthat corresponds to a gesture on a touch-sensitive surface incommunication with the electronic device, an activation of a button incommunication with the device, and/or a voice command). In someembodiments, the touch sensitive surface or button is integrated withthe electronic device. In some embodiments, the touch sensitive surfaceor button is separate from the electronic device.

In response to receiving the first input that corresponds to the requestto move the current focus in the user interface, the electronic deviceprovides (706), to the display, data to: move the first user interfaceobject from a first position (e.g., an initial position of the firstuser interface object on the display relative to the positions of otherobjects, in the plurality of objects, around the first user interfaceobject on the display) towards the second user interface object and/ortilt the first user interface object from a first orientation (e.g., aninitial orientation for the first user interface object that visuallyappears to be in the plane of the display) towards the second userinterface object (e.g., as shown in FIGS. 5CC, 5FF, 5GG, and 5II, icon5015-a is moved and/or tilted toward icon 5015-b); and, after moving thefirst user interface object from the first position towards the seconduser interface object and/or tilting the first user interface objecttowards the second user interface object: move the current focus fromthe first user interface object to the second user interface object(e.g., as shown in FIGS. 5DD and 5HH, the current focus moves from icon5015-a to icon 5015-b), and move the first user interface object backtowards the first position and/or tilt the first user interface objectback towards the first orientation (e.g., in FIGS. 5DD and 5HH, icon5015-a moves and tilts back after moving the current focus from icon5015-a to icon 5015-b). In some embodiments, the first user interfaceobject returns to the first position (e.g., icon 5015-a moves back afterthe current focus moves to icon 5015-b). In some embodiment, the firstuser interface object returns to the first orientation (e.g., icon5015-a tilts back after the current focus moves to icon 5015-b).

In some embodiments, in response to receiving the first input thatcorresponds to the request to move the current focus in the userinterface, the electronic device provides (708), to the display, datato: decrease the size of the first user interface object on the displayand increase the size of the second user interface object on the display(e.g., as shown in FIGS. 5BB-5DD, after the current focus moves fromicon 5015-a to icon 5015-b, the size of icon 5015-a decreases and thesize of icon 5015-b increases). In some embodiment, a respective userinterface object in the plurality of user interface objects is displayedat a respective first size when the current focus is not on therespective user interface object, and the respective user interfaceobject is displayed at a respective second size, larger than therespective first size, when the current focus is on the respective userinterface object (e.g., while the current focus is on the first userinterface object, the first user interface object is displayed at therespective second size and the second user interface object is displayedat the respective first size). The increased size of the respective userinterface object provides an indication that the current focus is on therespective user interface object.

In some embodiments, a name (or other descriptor) of the first userinterface object is displayed on or adjacent to the first interfaceobject while the current focus is on the first user interface object. Inresponse to receiving the first input that corresponds to the request tomove the current focus in the user interface, the electronic deviceprovides (710), to the display, data to: cease display of the name ofthe first user interface object and display a name of the second userinterface object on or adjacent to the second interface object while thecurrent focus is on the second user interface object. For example, asshown in FIGS. 5BB-5DD, when the current focus is on icon 5015-a, thename of icon 5015-a is displayed below icon 5015-a. When the currentfocus moves from icon 5015-a to icon 5015-b, the name of icon 5015-aceases to be displayed and the name of icon 5015-b is displayed belowicon 5015-b. In some embodiment, a respective user interface object inthe plurality of user interface objects is displayed with a name orother descriptor on or adjacent to the respective user interface objectwhen the current focus is on the respective user interface object, andthe respective user interface object is displayed without a name orother descriptor on or adjacent to the respective user interface objectwhen the current focus is not on the respective user interface object(e.g., while the current focus is on the first user interface object,the second user interface object is displayed without the name on oradjacent to the second user interface object). The presence of the nameof the respective user interface object provides an indication that thecurrent focus is on the respective user interface object.

In some embodiments, the first user interface object includes (712, FIG.7B) graphics in two or more overlapping layers arranged in a z-order andthe layers shift on the display in accordance with the tilting of thefirst user interface object (e.g., as shown in FIGS. 5MM-5NN, icon5015-e includes two or more layers of images arranged in a z-order andthe layers shift on the display to provide a parallax effect). In someembodiment, a respective user interface object (e.g., an icon thatcorresponds to a particular piece of content, such as a movie,television show, video, or album) includes graphics in two or moreoverlapping layers. In some embodiments, the two or more overlappinglayers are arranged in a z-order (also called a front-to-back order).The layers shift on the display as the respective user interface objecttilts (e.g., in response to inputs that move the current focus on thedisplay), which produces a parallax effect for graphics in the layers ofthe respective user interface object.

In some embodiment, the first user interface object includes (714) oneor more reflections and the one or more reflections change in accordancewith the tilting of the first user interface object. In some embodiment,a respective user interface object (e.g., an icon that corresponds to aparticular piece of content) includes a reflection that shifts, moves,or otherwise changes as the respective user interface object tilts(e.g., in response to inputs that move the current focus on thedisplay). For example, FIG. 5R shows a reflection for user interfaceobject 5015-a. The reflection moves as object 5015-a tilts/rotates abouta pitch axis (e.g., the x axis in FIG. 5R).

In some embodiment, the first user interface object includes (716) oneor more colors and the one or more colors change in accordance with thetilting of the first user interface object. In some embodiment, arespective user interface object (e.g., an icon that corresponds to aparticular piece of content) includes colors that change as therespective user interface object tilts (e.g., in response to inputs thatmove the current focus on the display). In some embodiments, a color ofa user interface object changes as the object tilts/rotates about a rollaxis (e.g., the y axis). In some embodiment, for a respective userinterface object, a virtual reflection on the object moves as the objecttilts/rotates about a first axis (e.g., the x axis) and one or morecolors for the object change as the object tilts/rotates about a secondaxis (e.g., the y axis).

In some embodiment, a magnitude of the movement of the first userinterface object towards the second user interface object decreases(718) as a speed of moving the current focus from the first userinterface object to the second user interface object increases. Forexample, when the current focus moves rapidly from icon 5015-b to icon5015-e, as shown in FIG. 5LL, the magnitude of the movement of each userinterface object between icon 5015-b and icon 5015-e is reduced (so thatthey can return to their original positions faster).

In some embodiment, a magnitude of the tilt of the first user interfaceobject towards the second user interface object decreases (720) as aspeed of moving the current focus from the first user interface objectto the second user interface object increases. For example, when thecurrent focus moves rapidly from icon 5015-b to icon 5015-e, as shown inFIG. 5LL, the magnitude of the movement of each user interface objectbetween icon 5015-b and icon 5015-e is reduced (so that they can returnto their original positions faster).

In some embodiment, moving the current focus from the first userinterface object to the second user interface object in response toreceiving the first input occurs (722) without (continuously) moving anyuser interface object from the first user interface object to the seconduser interface object. In some embodiment, there is no movement of acursor, focus selection ring, or other user interface object from arespective user interface object to an adjacent user interface objectwhen the current focus moves from the respective user interface objectto the adjacent user interface object. In some embodiment, there is nomovement of a cursor, focus selection ring, or other user interfaceobject over a series of adjacent user interface objects when the currentfocus moves over the series of adjacent user interface objects.

In some embodiment, while the current focus is on the second userinterface object, the electronic device receives (724, FIG. 7C) a secondinput that corresponds to a request to move the current focus in theuser interface (e.g., receiving a movement of contact 5409 ontouch-sensitive surface 451 of remote control 5001 as shown in FIG. 5V,an activation of a button in communication with the device, and/or avoice command). In response to receiving the second input thatcorresponds to the request to move the current focus in the userinterface, the electronic device provides, to the display, data to: movethe second user interface object from a second position (e.g., aninitial position of the second user interface object on the displayrelative to the positions of other objects, in the plurality of objects,around the second user interface object on the display) towards a thirduser interface object, adjacent to the second user interface object,and/or tilt the second user interface object from a second orientation(e.g., an initial orientation for the second user interface object thatvisually appears to be in the plane of the display, like the firstorientation for the first user interface object) towards the third userinterface object (e.g., as shown in FIG. 5W, icon 5015-b is tiltedtoward icon 5015-c). After moving the second user interface object fromthe second position towards the third user interface object and/ortilting the second user interface object towards the third userinterface object: the electronic device moves the current focus from thesecond user interface object to the third user interface object (e.g.,as shown in FIG. 5X, the current focus moves from icon 5015-b to icon5015-c), and moves the second user interface object back towards thesecond position and/or tilt the second user interface object backtowards the second orientation (e.g., after the current focus moves fromicon 5015-b to icon 5015-c, icon 5015-b returns to its original positionand orientation as shown in FIG. 5X). In some embodiments, the seconduser interface object returns to the second position. In someembodiments, the second user interface object returns to the secondorientation. In some embodiments, the process of moving and/or tilting arespective object with the current focus towards an adjacent object,moving the current focus to the adjacent object, and moving and/ortilting the respective object back to its prior position and/ororientation can be repeated multiple times in response to a single inputthat corresponds to a request to move the current focus.

In some embodiments, while the current focus is on the third userinterface object, the electronic device receives (726) a third input(e.g., receiving a movement of contact 5410 on touch-sensitive surface451 of remote control 5001 as shown in FIGS. 5Y-5Z). In response toreceiving the third input, the electronic device provides, to thedisplay, data to: move the third user interface object from a thirdposition (e.g., an initial position of the third user interface objecton the display relative to the positions of other objects, in theplurality of objects, around the third user interface object on thedisplay) towards a fourth user interface object, adjacent to the thirduser interface object, and/or tilt the third user interface object froma third orientation (e.g., an initial orientation for the third userinterface object that visually appears to be in the plane of thedisplay, like the first orientation for the first user interface object)towards the fourth user interface object (e.g., as shown in FIG. 5Z,icon 5015-c is tilted toward icon 5015-d). After moving the third userinterface object from the third position towards the fourth userinterface object and/or tilting the third user interface object towardsthe fourth user interface object: the electronic device maintains thecurrent focus on the third user interface object, and moves the thirduser interface object back towards the third position and/or tilt thethird user interface object back towards the third orientation (e.g., asshown in FIG. 5AA, the current focus remains on icon 5015-c and icon5015-c returns to its original position and orientation). In someembodiments, the third user interface object returns to the thirdposition. In some embodiments, the third user interface object returnsto the third orientation. In some embodiments, if an input (e.g., thethird input here) is not sufficient to move the current focus from arespective user interface object to an adjacent user interface object,the respective user interface object will move and/or tilt towards theadjacent user interface object, and then move and/or tilt back to itsprior position and/or orientation to indicate that the input was notsufficient to move the current focus from the respective user interfaceobject to the adjacent user interface object and the current focusremains on the respective user interface object.

It should be understood that the particular order in which theoperations in FIGS. 7A-7C have been described is merely exemplary and isnot intended to indicate that the described order is the only order inwhich the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,methods 600, 800, 900, 1000, 1100, and 1200) are also applicable in ananalogous manner to method 700 described above with respect to FIGS.7A-7C. For example, the user interfaces, user inputs, and tilting and/ormoving of user interface objects described above with reference tomethod 700 optionally have one or more of the characteristics of theuser interfaces, user inputs, and tilting and/or moving of userinterface objects described herein with reference to other methodsdescribed herein (e.g., methods 600, 800, 900, 1000, 1100, and 1200).For brevity, these details are not repeated here.

FIGS. 8A-8C illustrate a flow diagram of a method 800 of moving acurrent focus over user interface objects, in accordance with someembodiments. Method 800 is performed at an electronic device (e.g.,device 300, FIG. 3, or portable multifunction device 100, FIG. 1A) incommunication with a display, and in some embodiments, a touch-sensitivesurface. In some embodiments, the display is a touch-screen display andthe touch-sensitive surface is on or integrated with the display. Insome embodiments, the display is separate from the touch-sensitivesurface. Some operations in method 800 are, optionally, combined and/orthe order of some operations is, optionally, changed.

As described below, method 800 provides an intuitive way to move acurrent focus over user interface objects. The method reduces thecognitive burden on a user when moving current focuses, thereby creatinga more efficient human-machine interface. For battery-operatedelectronic devices, enabling a user to move a current focus faster andmore efficiently conserves power and increases the time between batterycharges.

In some embodiments, the electronic device provides (802), to thedisplay, data (e.g., instructions, video signals, image files, or otherinformation) to present a user interface with a plurality of userinterface objects. In some embodiments, the plurality of user interfaceobjects is displayed in a scrollable two-dimensional array on thedisplay. In some embodiments, the user interface objects are applicationicons, channel icons, content icons, or content group icons, which whenactivated (e.g., with a tap gesture, pressing of a selection button, avoice command, etc.), lead to the display of a correspondingapplication, channel, content, or content group on the display. Theplurality of user interface objects includes: a first user interfaceobject and a second user interface object that is adjacent to the firstuser interface object on the display. In some embodiments, there is agap between adjacent user interface objects. In some embodiments, thegap between adjacent user interface objects is reduced as one userinterface object moves towards the other user interface object. In someembodiments, the gap between adjacent user interface objects iseliminated as one user interface object moves towards the other userinterface object. A current focus is on the first user interface objectof the plurality of user interface objects. In some embodiments, whilethe current focus is on a respective user interface object, therespective user interface object is visually distinguished from theother user interface objects in the plurality of user interface objects.

While the display is presenting the user interface, the electronicdevice receives (804) a first input (e.g., receiving an input thatcorresponds to a gesture on a touch-sensitive surface in communicationwith the electronic device, such as touch-sensitive surface 451 ofremote control 5001). In some embodiments, the touch sensitive surfaceor button is integrated with the electronic device. In some embodiments,the touch sensitive surface or button is separate from the electronicdevice.

In response to receiving the first input, the electronic device provides(806), to the display, data to: move the first user interface objectfrom a first position (e.g., an initial position of the first userinterface object on the display relative to the positions of otherobjects, in the plurality of objects, around the first user interfaceobject on the display) towards the second user interface object and/ortilt the first user interface object from a first orientation (e.g., aninitial orientation for the first user interface object that visuallyappears to be in the plane of the display) towards the second userinterface object (e.g., as shown in FIGS. 5BB-5II, icon 5015-a is movedand/or tilted toward icon 5015-b).

In some embodiments, the first user interface object includes (808)graphics in two or more overlapping layers arranged in a z-order from aforeground layer to a background layer and the layers shift on thedisplay in accordance with the tilting of the first user interfaceobject (e.g., as shown in FIGS. 5MMM-5NN, icon 5015-e includes two ormore layers of images arranged in a z-order and the layers shift on thedisplay to provide a parallax effect). In some embodiments, the two ormore overlapping layers include one or more intervening layers betweenthe foreground layer and the background layer (e.g., layers 5030 and5032 between foreground layer 5028 and background layer 5034 as shown inFIG. 5NN, and layer 5050-2 between foreground layer 5050-1 andbackground layer 5050-3 as shown in FIG. 5PP). In some embodiments, thetwo or more overlapping layers do not include any intervening layerbetween the foreground layer and the background layer.

In some embodiments, the tilting of the first user interface objectincludes (810) forgoing display of one or more regions of the two ormore overlapping layers, other than the background layer (e.g., theforeground layer and any intervening layers between the foreground layerand the background layer) that extend beyond a boundary of thebackground layer (e.g., one or more of the upper layers are masked basedon the background layer). For example, as shown in configuration 5046 ofFIG. 5PP, one or more regions of the overlapping layers that extendbeyond the boundary of the background layer are cropped. Due to theparallax effect when the first user interface object is tilted, the twoor more overlapping layers move relative to the background layer as thefirst user interface object is tilted, thus the portion of the two ormore overlapping layers that are masked by the background layer changesdepending on the amount of tilt of the first user interface object. Insome embodiments, the overlapping layers are larger than the backgroundlayer, so that the overlapping layers continue to completely cover thebackground layer even as the first user interface object is tilted.

In some embodiments, a projected depth between the foreground layer andthe background layer is (812) independent of a number of interveninglayers (e.g., zero, one, two, etc.) between the foreground layer and thebackground layer (e.g., in FIG. 5PP, the projected depth betweenforeground layer 5048-1 and background layer 5048-2 and the projecteddepth between foreground layer 5050-1 and background layer 5050-3 arethe same). In some embodiments, the first user interface object includesgraphics in three overlapping layers and the second user interfaceobject includes graphics in two overlapping layers, and both the firstuser interface object and the second user interface object have the sameprojected depth between foreground layer and the background layer.

After moving the first user interface object from the first positiontowards the second user interface object and/or tilting the first userinterface object towards the second user interface object: in accordancewith a determination that the first input satisfies firstcurrent-focus-navigation criteria (e.g., in FIGS. 5R-5U, contact 5408moves to threshold location 5408-d), the electronic device provides(814, FIG. 8B), to the display, data to: move the current focus from thefirst user interface object to the second user interface object, andmove the first user interface object back towards the first positionand/or tilt the first user interface object back towards the firstorientation (e.g., in FIG. 5U, the current focus moves from icon 5015-ato icon 5015-b and icon 5015-a moves and/or tilts back to its originalposition and orientation). In some embodiments, the first user interfaceobject returns to the first position. In some embodiments, the firstuser interface object returns to the first orientation.

In some embodiments, a name (or other descriptor) of the first userinterface object is displayed on or adjacent to the first interfaceobject while the current focus is on the first user interface object. Inaccordance with the determination that the first input satisfies thefirst current-focus-navigation criteria, the electronic device provides(816), to the display, data to: cease display of the name of the firstuser interface object; and display a name of the second user interfaceobject on or adjacent to the second interface object while the currentfocus is on the second user interface object. For example, as shown inFIGS. 5BB-5DD, when the current focus is on icon 5015-a, the name oficon 5015-a is displayed below icon 5015-a. When the current focus movesfrom icon 5015-a to icon 5015-b, the name of icon 5015-a ceases to bedisplayed and the name of icon 5015-b is displayed below icon 5015-b).In some embodiments, a respective user interface object in the pluralityof user interface objects is displayed with a name or other descriptoron or adjacent to the respective user interface object when the currentfocus is on the respective user interface object, and the respectiveuser interface object is displayed without a name or other descriptor onor adjacent to the respective user interface object when the currentfocus is not on the respective user interface object (e.g., while thecurrent focus is on the first user interface object, the second userinterface object is displayed without the name on or adjacent to thesecond user interface object). The presence of the name of therespective user interface object provides an indication that the currentfocus is on the respective user interface object.

In some embodiments, the first user interface object includes (818) oneor more reflections. In accordance with the determination that the firstinput satisfies the first current-focus-navigation criteria, theelectronic device provides, to the display, data to: cease display ofthe one or more reflections of the first user interface object; anddisplay one or more reflections of the second user interface object. Forexample, FIG. 5R shows a reflection for user interface object 5015-a.The reflection moves as object 5015-a tilts/rotates about a pitch axis(e.g., the x axis in FIG. 5R).

In some embodiments, in response to moving the current focus from thefirst user interface object to the second user interface object, theelectronic device provides (820), to the display, data to: decrease thesize of the first user interface object on the display; and increase thesize of the second user interface object on the display (e.g., as shownin FIGS. 5BB-5DD, after the current focus moves from icon 5015-a to icon5015-b, the size of icon 5015-a decreases and the size of icon 5015-bincreases). The second user interface object includes graphics in two ormore overlapping layers arranged in a z-order from a foreground layer toa background layer (e.g., a foreground layer and a background layer asshown in FIG. 5NN). In some embodiments, the layers of the second userinterface object shift on the display in accordance with the tilting ofthe second user interface object. Increasing the size of the second userinterface object on the display includes increasing the sizes ofrespective layers of the two or more overlapping layers by respectivemagnification ratios, and, optionally, increasing a distance orsimulated distance, in the z direction between the layers. Amagnification ratio for the foreground layer (e.g., a ratio between thesize of the foreground layer before increasing the size of the seconduser interface object and the size of the foreground layer afterincreasing the size of the second user interface object) is higher thana magnification ratio for the background layer (e.g., a ratio betweenthe size of the background layer before increasing the size of thesecond user interface object and the size of the background layer afterincreasing the size of the second user interface object). For example,as shown in configurations 5044 and 5046 of FIG. 5PP, the foregroundlayer (which includes the ping pong ball and the racquet) is magnifiedmore than the background layer (which includes the text and the net).

In some embodiments, the top layer includes a cut out through whichportions of one or more of the lower layers can be seen. In someembodiments, the top layer includes a shape that is surrounded by atransparent region, so that lower layers can be seen in the regionsurrounding the shape (e.g., configuration 5038 in FIG. 5NN). In someembodiments, multiple shapes are arranged on the layers so that when thefirst user interface object is not tilted, the shapes appear to form acontiguous shape, but when the object is tilted, the shapes moverelative to one another so as to generate a simulated three-dimensionaleffect (e.g., layers 5028 through 5034 in FIG. 5NN). In someembodiments, a top layer (e.g., top layer 5041-1 in FIG. 5OO) includes apattern and a cutout to reveal a lower layer (e.g., lower layer 5041-2)that includes an enlarged version of the pattern, which when tiltedcreates an effect that makes the cutout appear to be a magnifying regionthat is magnifying the pattern and moves slightly over the pattern asthe first user interface object is tilted (without actually requiringthe pattern to be magnified which would require far greater computingresources than having layers that simulate the magnification effect, assuch using layers to simulate the magnification effect is more powerefficient than actually generating the magnification effect).

In some embodiments, while the current focus is on the second userinterface object, the electronic device receives (822, FIG. 8C) a secondinput (e.g., receiving a movement of contact 5409 on touch-sensitivesurface 451 of remote control 5001 as shown in FIG. 5V, an activation ofa button in communication with the device, and/or a voice command). Inresponse to receiving the second input, the electronic device provides,to the display, data to: move the second user interface object from asecond position (e.g., an initial position of the second user interfaceobject on the display relative to the positions of other objects, in theplurality of objects, around the second user interface object on thedisplay) towards a third user interface object, adjacent to the seconduser interface object, and/or tilt the second user interface object froma second orientation (e.g., an initial orientation for the second userinterface object that visually appears to be in the plane of thedisplay, like the first orientation for the first user interface object)towards the third user interface object (e.g., as shown in FIG. 5W, icon5015-b is tilted toward icon 5015-c). After moving the second userinterface object from the second position towards the third userinterface object and/or tilting the second user interface object towardsthe third user interface object: in accordance with a determination thatthe second input satisfies second current-focus-navigation criteria(e.g., the contact has moved to a threshold location), the electronicdevice provides, to the display, data to: move the current focus fromthe second user interface object to the third user interface object, andmove the second user interface object back towards the second positionand/or tilt the second user interface object back towards the secondorientation (e.g., as shown in FIG. 5X, the current focus moves fromicon 5015-b to icon 5015-c, and icon 5015-b returns to its originalposition and orientation). In some embodiments, the second userinterface object returns to the second position. In some embodiments,the second user interface object returns to the second orientation. Insome embodiments, the process of moving and/or tilting a respectiveobject with the current focus towards an adjacent object, moving thecurrent focus to the adjacent object, and moving and/or tilting therespective object back to its prior position and/or orientation can berepeated multiple times in response to a single input that correspondsto a request to move the current focus.

In some embodiments, the first current-focus-navigation criteria and thesecond current-focus-navigation criteria are (824) distinct (e.g., insome embodiments, the first current-focus-navigation criteria and thesecond current-focus-navigation criteria are different when the firstcurrent-focus-navigation criteria are used for moving the current focushorizontally and the second current-focus-navigation criteria are usedfor moving the current focus vertically). In some embodiments, the firstcurrent-focus-navigation criteria are satisfied in response to detectinga gesture on a touch-sensitive surface in communication with theelectronic device that satisfies a first distance criterion and thesecond current-focus-navigation criteria are satisfied in response todetecting a gesture on the touch-sensitive surface that satisfies asecond distance criterion that is distinct from the first distancecriterion. In some embodiments, a distance criterion is determined basedon a width and/or a height of a respective user interface object (e.g.,the first user interface object). In some embodiments, for a userinterface object with a width that is greater than a height of the userinterface object, a distance criterion for a horizontal movement of thecurrent focus requires a longer travel of the gesture than a distancecriterion for a vertical movement of the current focus. In someembodiments, for a user interface object with a width that is less thana height of the user interface object (e.g., movie poster icons 5062-athrough 5062-c shown in FIGS. 5QQ-5TT), a distance criterion for ahorizontal navigation requires a shorter travel of the gesture than adistance criterion for a vertical navigation. In some embodiments, adistance criterion for a navigation between two user interface objectsthat are in a same row requires a shorter travel of the gesture than adistance criterion for a navigation between two user interface objectsthat are in different rows.

In some embodiments, the first input corresponds (826) to a request tomove the current focus horizontally in the user interface and the secondinput corresponds to a request to move the current focus vertically inthe user interface (e.g., a horizontal movement of the current focusfrom icon 5062-b to icon 5062-a as shown in FIGS. 5RR-5SS and a verticalmovement of the current focus from icon 5062-a to icon 5015-d as shownin FIGS. 5SS-5TT).

In some embodiments, the first input corresponds (828) to a request tomove the current focus between user interface objects of a same type(e.g., a movement of the current focus between movie poster icons 5062-band 5062-a as shown in FIGS. 5RR-5SS) and the second input correspondsto a request to move the current focus between user interface objects ofdifferent types (e.g., a movement of the current focus between movieposter icon 5062-a and application icon 5015-d).

In some embodiments, after moving the first user interface object fromthe first position towards the second user interface object and/ortilting the first user interface object towards the second userinterface object: in accordance with a determination that the firstinput does not satisfy the first current-focus-navigation criteria, theelectronic device provides (830), to the display, data to: maintain thecurrent focus on the first user interface object, and move the firstuser interface object back towards the first position and/or tilt thefirst user interface object back towards the first orientation. In someembodiments, the first user interface object returns to the firstposition. For example, as shown in FIGS. 5Y-5AA, when contact 5410ceases to be detected without reaching a threshold location, the currentfocus remains on icon 5015-c, and icon 5015-c moves and tilts back toits original position and orientation. In some embodiments, the thirduser interface object returns to the first orientation. In someembodiments, if an input (e.g., the first input here) is not sufficientto move the current focus from a respective user interface object to anadjacent user interface object, the respective user interface objectwill move and/or tilt towards the adjacent user interface object, andthen move and/or tilt back to its prior position and/or orientation toindicate that the input was not sufficient to move the current focusfrom the respective user interface object to the adjacent user interfaceobject and the current focus remains on the respective user interfaceobject.

It should be understood that the particular order in which theoperations in FIGS. 8A-8C have been described is merely exemplary and isnot intended to indicate that the described order is the only order inwhich the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,methods 600, 700, 900, 1000, 1100, and 1200) are also applicable in ananalogous manner to method 800 described above with respect to FIGS.8A-8C. For example, the user interfaces, user inputs, and tilting and/ormoving of user interface objects described above with reference tomethod 800 optionally have one or more of the characteristics of theuser interfaces, user inputs, and tilting and/or moving of userinterface objects described herein with reference to other methodsdescribed herein (e.g., methods 600, 700, 900, 1000, 1100, and 1200).For brevity, these details are not repeated here.

FIGS. 9A-9B illustrate a flow diagram of method 900 of updating a userinterface based on inactivity criteria in accordance with someembodiments. Method 900 is performed at an electronic device (e.g.,device 300, FIG. 3, or portable multifunction device 100, FIG. 1A) incommunication with a display, and in some embodiments, a touch-sensitivesurface. In some embodiments, the display is a touch-screen display andthe touch-sensitive surface is on or integrated with the display. Insome embodiments, the display is separate from the touch-sensitivesurface. Some operations in method 900 are, optionally, combined and/orthe order of some operations is, optionally, changed.

As described below, method 900 provides an intuitive way to indicate aninactivity state of the device. The method reduces the cognitive burdenon a user when resuming activity on the device (e.g., by providingvisual distinction of a user interface object with a current focus whilein an inactive state), thereby creating a more efficient human-machineinterface. For battery-operated electronic devices, enabling a user toidentify a user interface object with the current focus faster and moreefficiently conserves power and increases the time between batterycharges.

The electronic device provides (902), to the display, data (e.g.,instructions, video signals, image files, or other information) topresent a user interface with a plurality of user interface objects(e.g., home screen user interface 5018 in FIG. 5TT with multiple icons5015-a through 5015-e and 5062-a through 5062-c). In some embodiments,the plurality of user interface objects is displayed in a scrollabletwo-dimensional array on the display. In some embodiments, the userinterface objects are application icons, channel icons, content icons,or content group icons, which when activated (e.g., with a tap gesture,pressing of a selection button, a voice command, etc.), lead to thedisplay of a corresponding application, channel, content, or contentgroup on the display. The plurality of user interface objects includes afirst user interface object, and a current focus is on the first userinterface object.

While the display is presenting the user interface, the electronicdevice determines (904) that inactivity criteria are satisfied. In someembodiments, the inactivity criteria are (906) satisfied when no userinput has been detected by the electronic device or another device incommunication with the electronic device (e.g., remote control 5001) fora predefined duration. In some embodiments, the inactivity criteria are(908) satisfied when the electronic device or a remote control incommunication with the electronic device detects that the remote controlis stationary. In some embodiments, another device is a remote control.In some embodiments, the remote control includes an accelerometer todetect whether the remote control is moving (e.g., the remote control isbeing held in a user's hand and moves as the user's hand moves) orstationary (e.g., the remote control has been placed on a stablesurface, such as a table. In some embodiments, the remote controllerincludes a contact switch that is configured to detect that the remotecontroller has been placed down.

In response to determining that the inactivity criteria are satisfied,the electronic device provides (910, FIG. 9B), to the display, data tovisually distinguish the first user interface object in a first mannerfrom the other user interface objects in the plurality of user interfaceobjects (e.g., as shown in FIG. 5UU, icon 5015-d is visuallydistinguished from the rest of the user interface by dimming the rest ofthe user interface). In some embodiments, while the inactivity criteriaare not satisfied and the current focus is on a respective userinterface object, the respective user interface object is visuallydistinguished from the other user interface objects in the plurality ofuser interface objects in one or more manners other than the firstmanner. For example, while icon 5015-d is visually distinguished fromthe other icons (e.g., icon 5015-d is enlarged) in FIG. 5TT, the wayicon 5015-d is visually distinguished from the other icons in FIG. 5TTis different from how icon 5015-d is visually distinguished from therest of the user interface in FIG. 5UU (e.g., by dimming the rest of theuser interface).

In some embodiments, visually distinguishing the first user interfaceobject in the first manner includes (912) highlighting the first userinterface object (e.g., icon 5015-d in FIG. 5UU). In some embodiments,visually distinguishing the first user interface object in the firstmanner includes displaying other user interface object in the pluralityof user interface objects without highlighting. In some embodiments,visually distinguishing the first user interface object in the firstmanner includes displaying the plurality of user interface objects otherthan the first user interface object without highlighting. In someembodiments, ceasing to visually distinguish the first user interfaceobject in the first manner includes removing the highlighting of thefirst user interface object.

In some embodiments, visually distinguishing the first user interfaceobject in the first manner includes (914) dimming one or more portionsof the user interface other than the first user interface object (e.g.,the rest of the user interface is dimmed in FIG. 5UU). In someembodiments, visually distinguishing the first user interface object inthe first manner includes dimming the plurality of user interfaceobjects other than the first user interface object. In some embodiments,ceasing to visually distinguish the first user interface object in thefirst manner includes removing the dimming of the one or more portionsof the user interface that do not correspond to the first user interfaceobject. In some embodiments, ceasing to visually distinguish the firstuser interface object in the first manner includes removing the dimmingof the plurality of user interface objects other than the first userinterface object.

In some embodiments, in response to determining that dark screencriteria are satisfied, the electronic device provides (916), to thedisplay, data to display a blank screen (e.g., in FIG. 5XX, the blankscreen is shown on display 450). In some embodiments, the dark screencriteria are satisfied when no user input is detected by the electronicdevice or by another device (e.g., a remote control) in communicationwith the electronic device for a second predefined duration. The secondpredefined duration that is part of the dark screen criteria istypically longer in time than a predefined duration that is part of theinactivity criteria.

In some embodiments, in response to determining that dark screencriteria are satisfied, the electronic device provides (918), to thedisplay, data to dim the entire user interface including the first userinterface object (e.g., in FIG. 5WW, the entire user interface isdimmed).

After providing, to the display, the data to visually distinguish thefirst user interface object in the first manner: the electronic devicedetects (920) interaction by a user with the electronic device or withanother device (e.g., a remote control) in communication with theelectronic device (e.g., detecting lifting of a remote control, touchinga touch-sensitive surface of the remote control, or pressing a button ofthe remote control). In response to detecting interaction by the userwith the electronic device or with another device in communication withthe electronic device, the electronic device provides, to the display,data to cease visually distinguishing the first user interface object inthe first manner from the other user interface objects in the pluralityof user interface objects. For example, as shown in FIG. 5YY, inresponse to detecting a user picking up remote control 5001 (e.g., usinga gyroscope or an accelerator in remote control 5001), the visualdistinction (e.g., dimming the user interface other than icon 5015-d)ceases to be displayed.

In some embodiments, visually distinguishing the first user interfaceobject in the first manner includes (922) increasing the size of thefirst user interface object from a first size to a second size. Forexample, although icon 5015-d is enlarged when the current focus moveson to icon 5015-d, icon 5015-d is further enlarged when the inactivitycriteria are satisfied as shown in FIG. 5VV. In some embodiments,visually distinguishing the first user interface object in the firstmanner includes decreasing the size of other user interface objects inthe plurality of user interface objects. In some embodiments, visuallydistinguishing the first user interface object in the first mannerincludes decreasing the size of the plurality of user interface objectsother than the first user interface object.

In some embodiments, ceasing to visually distinguish the first userinterface object in the first manner includes (924) reducing the size ofthe first user interface object to the first size (e.g., when the devicedetects a user picking up remote control 5001 while enlarged icon 5015-dis displayed as shown in FIG. 5VV, the size of icon 5015-d is reduced asshown in FIG. 5YY).

It should be understood that the particular order in which theoperations in FIGS. 9A-9B have been described is merely exemplary and isnot intended to indicate that the described order is the only order inwhich the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,methods 600, 700, 800, 1000, 1100, and 1200) are also applicable in ananalogous manner to method 900 described above with respect to FIGS.9A-9B. For example, the user interfaces, user interface objects, userinputs, and user input devices described above with reference to method900 optionally have one or more of the characteristics of the userinterfaces, user interface objects, user inputs, and user input devicesdescribed herein with reference to other methods described herein (e.g.,methods 600, 700, 800, 1000, 1100, and 1200). For brevity, these detailsare not repeated here.

FIGS. 10A-10C are flow diagrams illustrating method 1000 of selecting amedia presentation option in accordance with some embodiments. Method1000 is performed at an electronic device (e.g., device 300, FIG. 3, orportable multifunction device 100, FIG. 1A) in communication with adisplay. In some embodiments, the electronic device is in communicationwith a user input device (e.g., a remote user input device, such as aremote control) with a touch-sensitive surface. In some embodiments, thedisplay is a touch-screen display and the touch-sensitive surface is onor integrated with the display. In some embodiments, the display isseparate from the touch-sensitive surface. In some embodiments, the userinput device is integrated with the electronic device. In someembodiments, the user input device is separate from the electronicdevice. Some operations in method 1000 are, optionally, combined and/orthe order of some operations is, optionally, changed.

As described below, method 1000 provides an efficient way to select amedia presentation option. The method reduces the number, extent, and/ornature of the inputs from a user when navigating through media content,thereby creating a more efficient human-machine interface. Forbattery-operated electronic devices, enabling a user to select a mediapresentation option faster and more efficiently conserves power andincreases the time between battery charges.

In some embodiments, the device provides (1002), to the display, data topresent a media information user interface for a first media contentitem (e.g., a movie, etc.). For example, in response to activating movieposter icon 5062-a in FIG. 5ZZ (e.g., with tap gesture 5428), productpage view 5090 for the movie “The Great Climb” is displayed, as shown inFIG. 5AAA. The media information user interface for the first mediacontent item includes a plurality of media source objects thatcorrespond to respective media sources (e.g., iTunes, a first thirdparty streaming service provider, a second third party streaming serviceprovider, etc., such as media source icons 5092-a through 5092-e in FIG.5AAA) for the first media content item. A first media source object ofthe plurality of media source objects is visually distinguished toindicate selection of the first media source object (e.g., icon 5092-ais visually distinguished from icons 5092-b through 5092-e in FIG.5AAA). The first media source object corresponds to a first media source(e.g., icon 5092-a corresponds to the Movieflix movie streamingservices). The media information user interface for the first mediacontent item also includes a first set of media management objects forthe first media content item (e.g., media management icons 5093-athrough 5093-c). The first set of media management objects include oneor more media presentation option objects that correspond to the firstmedia content item and the first media source. The first set of mediamanagement objects includes multiple objects. In some embodiments,activating a media management object initiates a corresponding mediamanagement function for a respective media content item, such aspreviewing, playing in a first software application, viewing in a secondsoftware application, renting, buying, or adding the respective mediacontent item to a watchlist. In some embodiments, activating a mediapresentation option object initiates presentation of the correspondingmedia content item in accordance with a particular option. For example,activating a “preview” icon (e.g., icon 5093-a) initiates presentationof a preview of the corresponding media content item. For example,activating a “play” icon initiates playing of the corresponding mediacontent item with a first software application. For example, activatinga “view on” icon initiates viewing of the corresponding media contentitem on a second software application, distinct from the first softwareapplication. In some embodiments, initiating viewing of thecorresponding media content item on a second software applicationincludes displaying a media information user interface for the firstmedia content item in the second application. In some embodiments,initiating viewing of the corresponding media content item on a secondsoftware application includes initiating playing of the first mediacontent item in the second application.

In some embodiments, the plurality of media source objects has (1004) anorder determined in accordance with predefined source ordering criteria(e.g., based on cost of playing the first media content item and qualityof the first media content item, such as a video resolution, a framerate, and whether or not advertisements are included). For example, inFIG. 5AAA, icon 5092-a has the first position among icons 5092-a through5092-e, because the movie “The Great Climb” is available for free fromthe corresponding media source.

In some embodiments, the plurality of media source objects includes(1006) an additional sources object (e.g., icon 5092-f in FIG. 5AAA),which, when activated, initiates displaying a list of additional sourceobjects that correspond to additional sources for the first mediacontent item (e.g., activation of icon 5092-f initiates display ofsource selection interface 5098 shown in FIG. 5HHH).

In some embodiments, the media information user interface includes(1008) a set of media objects that corresponds to a set of media contentitems (e.g., recommended movies/TV shows) that are distinct from thefirst media content item (e.g., product page view 5090 in FIG. 5AAAincludes “also watched” movie icons, which are different from the movie“The Great Climb.”

In some embodiments, the media information user interface is (1010) auser interface of a first software application (e.g., an integratedmedia presentation application, such as video & music player module 152in FIG. 3, which allows a user to access media content items frommultiple media sources, instead of allowing the user to access mediacontent items from a single proprietary source only), and the mediapresentation option objects include an in-application play object (e.g.,play button 5093-b in FIG. 5AAA), which, when activated (e.g., with atap on a touch-sensitive surface of the remote user input device while acurrent focus is displayed on the in-application play object), initiatesproviding, to the display, data to play the first media content itemusing data received from the first media source in a user interface ofthe first software application (e.g., as shown in FIG. 5BBB, in responseto tap gesture 5450, video playback view 5300 is displayed to present aplayback of the movie “The Great Climb”). The media information userinterface also includes an out-of-application play object (e.g., “viewon Movieflix” button 5093-c in FIG. 5AAA), which, when activated (e.g.,with a tap on the touch-sensitive surface of the remote user inputdevice while the current focus is displayed on the out-of-applicationplay object), initiates launching a second software application that isdistinct from the first software application and associated with thefirst media source (for playing the first media content item using datareceived from the first media source in a user interface of the secondsoftware application) (e.g., as shown in FIG. 5JJJ, in response to tapgesture 5460, product page view 5064 of a third-party softwareapplication, such as first video player module 392 in FIG. 3, isdisplayed). In some embodiments, the media presentation option objectsinclude a preview object, which, when activated (e.g., with a tap on thetouch-sensitive surface of the remote user input device while thecurrent focus is displayed on the preview object), initiates providing,to the display, data to play a preview of the first media content item.

While the display is presenting the media information user interface,the device receives (1012, FIG. 10B) a user input (e.g., tap gesture5450 on remote control 5001 that is in communication with the electronicdevice).

In response to receiving (1014) the user input, in accordance with adetermination that the user input corresponds to a request to activate afirst media presentation option object in the first set of mediamanagement objects for the first media content item (e.g., pressing aplay button or providing a tap gesture on touch-sensitive surface 451while a current focus is displayed on the first media presentationoption object, as shown in FIG. 5AAA), the device initiates (1016)provision, to the display, of data (e.g., video data or other multimediadata) to play the first media content item using data received from thefirst media source in accordance with a media presentation option thatcorresponds to the first media presentation option object (e.g., asshown in FIG. 5BBB, video playback view 5300 with the movie “The GreatClimb” is presented on display 450). In some embodiments, the methodincludes, in response to receiving the user input, in accordance with adetermination that the user input corresponds to a request to activate asecond media presentation option object of the first set of mediamanagement objects for the first media content item, initiatingprovision, to the display, of data to play the first media content itemusing data received from the first media source in accordance with amedia presentation option that corresponds to the second mediapresentation option object.

In some embodiments, in response to receiving (1014) the user input, inaccordance with a determination that the user input corresponds to arequest to select a second media source object, that is distinct fromthe first media source object, of the plurality of media source objects(e.g., right-swipe gesture 5454 on touch-sensitive surface 451 of remotecontrol 5001), the device also provides (1018), to the display, data toupdate the media information user interface for the first media contentitem. In some embodiments, the updated media information user interfacefor the first media content item includes the plurality of media sourceobjects that correspond to respective media sources for the first mediacontent item (e.g., icons 5092-a through 5092-e), the second mediasource object (e.g., icon 5092-b) of the plurality of media sourceobjects being visually distinguished to indicate selection of the secondmedia source object, the second media source object corresponding to asecond media source that is distinct from the first media source (e.g.,icon 5092-b corresponds to Apple iTunes). In some embodiments, the firstmedia source object ceases to be visually distinguished in the updatedmedia information user interface (e.g., the size of icon 5093-a isreduced from its enlarged state). In some embodiments, the updated mediainformation user interface for the first media content item alsoincludes a second set of media management objects that corresponds tothe first media content item and the second media source (e.g., icon5093-a and icons 5093-c through 5093-f). The second set of mediamanagement objects is distinct from the first set of media managementobjects. In some embodiments, display of the first set of mediamanagement objects is replaced with display of the second set of mediamanagement objects. In some embodiments, the first set of mediamanagement objects ceases to be displayed. In some embodiments, thesecond set of media management objects includes one or more mediamanagement objects that are not included in the first set of mediamanagement objects. In some embodiments, the first set of mediamanagement objects includes one or more media management objects thatare not included in the second set of media management objects. In someembodiments, the first set of media management objects and the secondset of media management objects include one or more common mediamanagement objects. In some embodiments, the first set of mediamanagement objects and the second set of media management objects do notinclude any common media management objects.

In some embodiments, the method includes receiving a second user input;and, in response to receiving the second user input, in accordance witha determination that the second user input corresponds to a request toactivate a particular media presentation option object of the second setof media management objects, initiating provision, to the display, ofdata to play the first media content item using data received from thesecond media source in accordance with a media presentation option thatcorresponds to the particular media presentation option object (e.g.,activation of icon 5093-d or icon 5093-e in FIG. 5FFF initiates displayof the movie “The Great Climb” on display 450 based on data from AppleiTunes, after an optional payment confirmation).

In some embodiments, the second set of media management objects includes(1020) a rent object (e.g., icon 5093-e in FIG. 5FFF), which, whenactivated (e.g., with a tap on the touch-sensitive surface of the remoteuser input device while the current focus is displayed on the rentobject), initiates renting the first media content item from the secondmedia source. In some embodiments, the first media content item isrented in response to activating the rent object. In some embodiments,activating the rent object initiates providing data to display a mediacontent item rental user interface (e.g., a confirmation page) to rentthe first media content item. In some embodiments, the rent object, whenactivated, also initiates providing, to the display, data to play thefirst media content item using data received from the second mediasource. In some embodiments, the second set of media management objectsalso includes a purchase object (e.g., icon 5093-d in FIG. 5FFF), which,when activated (e.g., with a tap on the touch-sensitive surface of theremote user input device while the current focus is displayed on thepurchase object), initiates purchasing the first media content item fromthe second media source. In some embodiments, the first media contentitem is purchased in response to activating the purchase object. In someembodiments, activating the purchase object initiates providing data todisplay a media content item purchase interface (e.g., a confirmationpage) to purchase the first media content item. In some embodiments, thepurchase object, when activated, also initiates providing to thedisplay, data to play the first media content item using data receivedfrom the second media source.

In some embodiments, the rent object is displayed with a price ofrenting the first media content item from the second media source (e.g.,in FIG. 5FFF, icon 5093-e is displayed with the rental price of $2.99).In some embodiments, the buy object is displayed with a price ofpurchasing the first media content item from the second media source(e.g., in FIG. 5FFF, icon 5093-d is displayed with the purchase price of$9.99).

In some embodiments, the second set of media management objects includean out-of-application play object (e.g., icon 5093-c), which, whenactivated, initiates launching a third software application (e.g.,iTunes software) that is distinct from the first software applicationand the second software application and associated with the second mediasource (for playing the first media content item using data receivedfrom the second media source in a user interface of the third softwareapplication).

In some embodiments, the second set of media management objects includes(1022) a watchlist object (e.g., icon 5093-f in FIG. 5FFF), which, whenactivated (e.g., with a tap on the touch-sensitive surface of the remoteuser input device while the current focus is displayed on the watchlistobject), initiates adding the first media content item to a list ofselected media content items.

In some embodiments, while the display is displaying a media contentbrowser user interface, the device receives (1024, FIG. 10C) a selectionof the first media content item; and, in response to receiving theselection of the first media content item while the display isdisplaying the media content browser user interface, provides, to thedisplay, data to replace the display of the media content browser userinterface with the media information user interface for the first mediacontent item (e.g., as shown in FIGS. 5ZZ-5AAA, product page view 5090is displayed in response to activation of icon 5062-a on home screen5018 in FIG. 5ZZ). While the display is displaying a search userinterface, the device receives a selection of the first media contentitem; and, in response to receiving the selection of the first mediacontent item while the display is displaying the search user interface,provides, to the display, data to replace the display of the search userinterface with the media information user interface for the first mediacontent item (e.g., as shown in FIGS. 5KKK-5LLL, product page view 5090is displayed in response to selection of a list item in search page view5066). While the display is displaying a media content store userinterface, the device receives a selection of the first media contentitem; and, in response to receiving the selection of the first mediacontent item while the display is displaying the media content storeuser interface, provides, to the display, data to replace the display ofthe media content store user interface with the media information userinterface for the first media content item (e.g., as shown in FIGS.5MMM-5NNN, product page view 5090 is displayed in response to selectionof a media content icon in media content store view 5060).

It should be understood that the particular order in which theoperations in FIGS. 10A-10C have been described is merely exemplary andis not intended to indicate that the described order is the only orderin which the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,methods 600, 700, 800, 900, 1100, and 1200) are also applicable in ananalogous manner to method 1000 described above with respect to FIGS.10A-10C. For example, the user interfaces, user interface objects, userinputs, and user input devices described above with reference to method1000 optionally have one or more of the characteristics of the userinterfaces, user interface objects, user inputs, and user input devicesdescribed herein with reference to other methods described herein (e.g.,methods 600, 700, 800, 900, 1100, and 1200). For brevity, these detailsare not repeated here.

FIGS. 11A-11D are flow diagrams illustrating method 1100 of selecting amedia presentation option in accordance with some embodiments. Method1100 is performed at an electronic device (e.g., device 300, FIG. 3, orportable multifunction device 100, FIG. 1A) in communication with adisplay. In some embodiments, the electronic device is in communicationwith a user input device (e.g., a remote user input device, such as aremote control) with a touch-sensitive surface. In some embodiments, thedisplay is a touch-screen display and the touch-sensitive surface is onor integrated with the display. In some embodiments, the display isseparate from the touch-sensitive surface. In some embodiments, the userinput device is integrated with the electronic device. In someembodiments, the user input device is separate from the electronicdevice. Some operations in method 1100 are, optionally, combined and/orthe order of some operations is, optionally, changed.

As described below, method 1100 provides an efficient way to select amedia presentation option. The method reduces the number, extent, and/ornature of the inputs from a user when navigating through media content,thereby creating a more efficient human-machine interface. Forbattery-operated electronic devices, enabling a user to select a mediapresentation option faster and more efficiently conserves power andincreases the time between battery charges.

The device provides (1102), to the display, data to present a firstmedia information user interface for a first media program (e.g., atelevision series, such as “Sad Men”). The media information userinterface for the first media program includes a plurality of mediasource objects (e.g., iTunes, a first third party streaming serviceprovider, a second third party streaming service provider, a televisionchannel, etc., such as icons 5095-b through 5095-e in FIG. 5OOO). Arespective media source object of the plurality of media source objectscorresponds to a respective media source for the first media program, afirst media source object of the plurality of media source objects beingvisually distinguished to indicate selection of the first media sourceobject, the first media source object corresponding to a first mediasource. In some embodiments, the media information user interface forthe first media program also includes one or more episode objects (e.g.,icons 5097-a through 5097-d in FIG. 5OOO) that correspond to one or moreepisodes for the first media program available from the first mediasource, a first episode object (e.g., icon 5097-a in FIG. 5OOO) of theone or more episode objects being visually distinguished to indicateselection of the first episode object, the first episode objectcorresponding to a first episode of the first media program. In someembodiments, a respective episode object includes a thumbnail of acorresponding episode. Additionally, the media information userinterface for the first media program includes a first set of mediamanagement objects for the first episode (e.g., icons 5096-a through5096-c in FIG. 5OOO). The first set of media management objects includeone or more media presentation option objects (e.g., play icon 5096-a)that corresponds to the first episode and the first media source.

In some embodiments, the first set of media management objects includes(1104) an episode purchase object (e.g., icon 5096-d in FIG. 5PPP),which, when activated (e.g., with a tap on a touch-sensitive surface ofthe remote user input device while a current focus is displayed on theepisode purchase object), initiates purchasing the first episode of thefirst media content program from the first media source. In someembodiments, the episode purchase object, when activated, also initiatesproviding to the display, data to play the first episode using datareceived from the first media source. In some embodiments, the first setof media management objects also includes a season purchase object(e.g., icon 5096-e in FIG. 5PPP), which, when activated (e.g., with atap on a touch-sensitive surface of the remote user input device while acurrent focus is displayed on the season purchase object), initiatespurchasing a single season, that includes the first episode, of thefirst media program from the first media source. In some embodiments,the episode purchase object, when activated, also initiates providing tothe display, data to play the first episode using data received from thefirst media source.

In some embodiments, the media information user interface is (1106) auser interface of a first software application (e.g., an integratedmedia application, such as video & music player module 152 in FIG. 3)and the first set of media management objects includes anout-of-application play object (e.g., icon 5096-f in FIG. 5QQQ), which,when activated (e.g., with a tap on the touch-sensitive surface of theremote user input device while the current focus is displayed on theout-of-application play object), initiates launching a second softwareapplication that is distinct from the first software application andassociated with the first media source (e.g., first video player module392 in FIG. 3) for playing the first episode using data received fromthe first media source in a user interface of the second softwareapplication.

While the display is presenting the media information user interface,the device receives (1108) a user input (e.g., on a remote user inputdevice that is in communication with the electronic device).

In response to receiving (1110) the user input, in accordance with adetermination that the user input corresponds to a request to activate afirst media presentation option object in the first set of mediamanagement objects (e.g., pressing a play button or providing a tapgesture on touch-sensitive surface 451 of remote control 5001 while acurrent focus is displayed on icon 5096-d in FIG. 5PPP), the deviceinitiates (1112) provision, to the display, of data (e.g., video data orother multimedia data) to play the first episode using data receivedfrom the first media source in accordance with a media presentationoption that corresponds to the first media presentation option object.

In some embodiments, in response to receiving the user input, inaccordance with determining that the user input corresponds to a requestto activate a second media presentation option object (e.g., icon 5096-ein FIG. 5PPP) of the first set of media management objects, the deviceinitiates provision, to the display, of data to play the first episodeusing data received from the first media source in accordance with amedia presentation option that corresponds to the second mediapresentation option object.

In some embodiments, the media information user interface for the firstmedia program includes (1114) an integrated media source object (e.g.,icon 5095-a in FIG. 5OOO), distinct from the plurality of media sourceobjects, that is associated with multiple media sources for the firstmedia program, and in response to receiving the user input, inaccordance with determining that the user input corresponds to a requestto select the integrated media source object, (e.g., left-swipe gesture5472 on touch-sensitive surface 451 of remote control 5001 as shown inFIG. 5QQQ) the device provides, to the display, data to update the mediainformation user interface for the first media program. The updatedmedia information user interface for the first media program includesthe plurality of media source objects (e.g., icons 5095-a through5095-e); one or more episode objects that correspond to one or moreepisodes for the first media program available from the multiple mediasources (e.g., icons 5097-a through 5097-d); and a second set of one ormore media management objects that corresponds to the multiple mediasources associated with the integrated media source object (e.g., icons5096-a through 5096-c), and a selected episode object (e.g., icon5097-a) of the one or more episode objects that correspond to the one ormore episodes for the first media program available from the multiplemedia sources. In some embodiments, the one or more episode objects inthe updated media information user interface are identical to the one ormore episode objects that correspond to the one or more episodes for thefirst media program available from the first media source. In someembodiments, the one or more episode objects in the updated mediainformation user interface are distinct from the one or more episodeobjects that correspond to the one or more episodes for the first mediaprogram available from the first media source. In some embodiments, theselected episode object is visually distinguished to indicate selectionof the selected episode object.

In some embodiments, the second set of media management objects isdistinct from the first set of media management objects. In someembodiments, the second set of media management objects includes one ormore media management objects that are not included in the first set ofmedia management objects. In some embodiments, the first set of mediamanagement objects includes one or more media management objects thatare not included in the second set of media management objects. In someembodiments, the first set of media management objects and the secondset of media management objects include one or more common mediamanagement objects. In some embodiments, the first set of mediamanagement objects and the second set of media management objects do notinclude any common media management objects.

In some embodiments, the integrated media source object is visuallydistinguished from the plurality of media source objects to indicateselection of the integrated media source object. In some embodiments,the first media source object ceases to be visually distinguished in theupdated media information user interface.

In some embodiments, the second set of one or more media managementobjects includes (1116) a play object (e.g., icon 5096-a in FIG. 5RRR),which, when activated, initiates provision, to the display, of data toplay the first episode using data received from one of the multiplemedia sources associated with the integrated media source object. Insome embodiments, one of the multiple media sources is selected based onpredefined source selection criteria (e.g., based on cost of playing thefirst episode and quality of the first episode, such as a videoresolution, a frame rate, and/or whether or not advertisements areincluded).

In some embodiments, the updated media information user interface forthe first media program includes (1118) cost information for respectiveepisode objects that correspond to respective episodes that areavailable for a non-zero cost (e.g., episode objects for episodes thatare available for no additional cost (e.g., due to an existingsubscription) are not displayed with cost information, and episodeobjects for episodes that are only available for additional cost aredisplayed with cost information). For example, in FIG. 5PPP, icons5097-a through 5097-c are displayed with cost information, and icon5097-d is not displayed with cost information, because the episodeassociated with icon 5097-d is available at no additional cost.

In some embodiments, in response to receiving (1110) the user input, inaccordance with a determination that the user input corresponds to arequest to select a second media source object, that is distinct fromthe first media source object, of the plurality of media source objects(e.g., right-swipe gesture 5470 on touch-sensitive surface 451 of remotecontrol 5001 as shown in FIG. 5PPP), the device provides (1120), to thedisplay, data to update the media information user interface for thefirst media program. The updated media information user interface forthe first media program includes the plurality of media source objects,in which the second media source object is visually distinguished toindicate selection of the second media source object (e.g., in FIG.5QQQ, icon 5095-c is visually distinguished among icons 5095-a through5095-f), the second media source object corresponding to a second mediasource that is distinct from the first media source. In someembodiments, the first media source object ceases to be visuallydistinguished in the updated media information user interface.

In some embodiments, the updated media information user interface forthe first media program also includes a third set of media managementobjects that corresponds to the first episode and the second mediasource (e.g., icons 5096-f, 5096-b, and 5096-c in FIG. 5QQQ). The thirdset of media management objects is distinct from the first set of mediamanagement objects. In some embodiments, the first set of mediamanagement objects is replaced with the third set of media managementobjects. In some embodiments, the first set of media management objectsceases to be displayed. In some embodiments, the third set of mediamanagement objects includes one or more media management objects thatare not included in the first set of media management objects. In someembodiments, the first set of media management objects includes one ormore media management that are not included in the third set of mediamanagement objects. In some embodiments, the first set of mediamanagement objects and the third set of media management objects includeone or more common media management objects. In some embodiments, thefirst set of media management objects and the third set of mediamanagement objects do not include any common media management objects.

In some embodiments, the second media source is a subscription-basedsource (e.g., a source that requires a paid subscription to receive datato play the first episode). In accordance with determining that theelectronic device does not have subscription to the second media source,the third set of media management objects includes a subscriptionobject, which, when activated, initiates displaying a subscription userinterface.

In some embodiments, the media information user interface for the firstmedia program includes (1122) a season selection object (e.g., icon5096-b in FIG. 5SSS), which indicates a first selected season for thefirst media program (e.g., Season 5 as shown in FIG. 5SSS). The one ormore episode objects in the media information user interface correspondto one or more episodes for the first selected season of the first mediaprogram. The season selection object, when activated, initiatesdisplaying a list of seasons, of the first media program, that areavailable from the first media source (e.g., season selection interface5498 in FIG. 5TTT). The device further receives a selection of a secondselected season in the list of seasons that is distinct from the firstselected season (e.g., receiving tap gesture 5480 or a press of aselection button while a current focus is displayed on user interfaceobject 5498-1 that corresponds to the second selected season in FIG.5UUU). In response to receiving (1124) the selection of the secondselected season in the list of seasons, the device updates (1126) theseason selection object to indicate the second selected season (e.g.,icon 5096-b indicates Season 1, in FIG. 5VVV), and replaces (1128)display of the one or more episode objects in the media information userinterface that correspond to the one or more episodes for the firstselected season of the first media program with display of one or moreepisode objects that correspond to one or more episodes for the secondselected season of the first media program (e.g., in FIG. 5VVV, displayof icons 5097-e through 5097-h replaces display of icons 5097-a through5097-d). In some embodiments, the one or more episode objects arearranged in a chronological order (e.g., Episode 1 followed by Episode2, followed by Episode 3, etc.) of the corresponding episodes, as shownin FIG. 5VVV, if the selected season is closed (e.g., the season hasended). This helps a user watch the episodes in a chronological order.In some embodiments, the one or more episode objects are arranged in areverse-chronological order (e.g., Episode 3 before Episode 2, which isbefore Episode 1) of the corresponding episodes, as shown in FIG. 5SSS,if the selected season is open (e.g., the season has not ended). Thishelps the user to identify a most recent episode.

In some embodiments, the one or more episode objects include an episodeobject for a future episode. In some embodiments, the episode object forthe future episode is displayed with an airtime of the future episode.In some embodiments, the episode object for the future episode, whenactivated, initiates displaying a user interface for setting a reminderfor the airtime of the future episode.

In some embodiments, while the display is displaying a media contentbrowser user interface, the device receives (1130, FIG. 11D) a selectionof the first media program; in response to receiving the selection ofthe first media program while the display is displaying the mediacontent browser user interface, provides, to the display, data toreplace the display of the media content browser user interface with themedia information user interface for the first media program; while thedisplay is displaying a search user interface, receives a selection ofthe first media program; in response to receiving the selection of thefirst media program while the display is displaying the search userinterface, provides, to the display, data to replace the display of thesearch user interface with the media information user interface for thefirst media program; while the display is displaying a media contentstore user interface, receiving a selection of the first media program;and, in response to receiving the selection of the first media programwhile the display is displaying the media content store user interface,provides, to the display, data to replace the display of the mediacontent store user interface with the media information user interfacefor the first media program. For example, in a manner described abovewith respect to operation 1024, product page view 5091 for thetelevision program “Sad Men” can be accessed from a media contentbrowser user interface, a search user interface (e.g., search page view5066 in FIG. 5KKK), and a media content store user interface (e.g.,media content store view 5060 in FIG. 5MMM). For brevity, such detailsare omitted herein.

It should be understood that the particular order in which theoperations in FIGS. 11A-11D have been described is merely exemplary andis not intended to indicate that the described order is the only orderin which the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,methods 600, 700, 800, 900, 1000, and 1200) are also applicable in ananalogous manner to method 1100 described above with respect to FIGS.11A-11D. For example, the user interfaces, user interface objects, userinputs, and user input devices described above with reference to method1100 optionally have one or more of the characteristics of the userinterfaces, user interface objects, user inputs, and user input devicesdescribed herein with reference to other methods described herein (e.g.,methods 600, 700, 800, 900, 1000, and 1200). For brevity, these detailsare not repeated here.

FIGS. 12A-12E are flow diagrams illustrating a method 1200 of navigatingthrough media content in accordance with some embodiments. Method 1200is performed at an electronic device (e.g., device 300, FIG. 3, orportable multifunction device 100, FIG. 1A) in communication with adisplay. In some embodiments, the electronic device is in communicationwith a user input device (e.g., a remote user input device, such as aremote control) with a touch-sensitive surface. In some embodiments, thedisplay is a touch-screen display and the touch-sensitive surface is onor integrated with the display. In some embodiments, the display isseparate from the touch-sensitive surface. In some embodiments, the userinput device is integrated with the electronic device. In someembodiments, the user input device is separate from the electronicdevice. Some operations in method 1200 are, optionally, combined and/orthe order of some operations is, optionally, changed.

As described below, method 1200 provides an efficient way to navigatethrough media content using two different playback navigation modes. Themethod reduces the reduce the number, extent, and/or nature of theinputs from a user when navigating through media content, therebycreating a more efficient human-machine interface. For battery-operatedelectronic devices, enabling a user to navigate through media contentfaster and more efficiently conserves power and increases the timebetween battery charges.

While the device is operating (1202) in a first playback navigation mode(e.g., a chapter playback navigation mode), the device provides (1204),to the display, first video information for display. The first videoinformation includes information that corresponds to one or more framesof a video, a scrubber bar that represents a timeline of the video, afirst playhead (e.g., a play-progress playhead) that indicates a currentplay position in the scrubber bar, and a plurality of playback positionmarkers, distinct from the first playhead, that indicate predeterminedplayback positions in the video (e.g., chapter markers or othermilestone markers in the scrubber bar). For example, as shown in FIG.5UUUU, the device has provided to display 450, first video informationcorresponding to the first playback navigation mode, or chapter playbacknavigation mode. In this example, the first video information includesinformation corresponding to one or more frames of a video, a scrubberbar 5302, a first playhead 5304, and a plurality of playback positionmarkers 5314. In some embodiments, the one or more frames of the videocorrespond to the first playhead position in the scrubber bar (e.g., theone or more frames of the video sent to the display are centered aroundthe first playhead position). In some embodiments, the first playheadindicates a current play position in the scrubber bar at which the videois currently playing or currently paused. In some embodiments, theplayback position markers are chapter markers or other milestone markersin the timeline of the video being displayed.

While the device is operating (1202) in the first playback navigationmode, the device also receives (1206) an input that corresponds to arequest by a user to switch to a second playback navigation mode (e.g.,a continuous playback navigation mode). For example, the device receivesan input that corresponds to the playback navigation mode-switchinggesture on a touch-sensitive surface that is in communication with thedevice. For example, in FIG. 5UUUU, user input 5174 (e.g., an upwardswipe gesture) is detected on touch-sensitive surface 451 of a userinput device. In some embodiments, the user input device is a remotecontrol 5001 that is separate from the device and the device receivesfrom remote controller 5001 a signal that corresponds to user input5174. In some embodiments, the device itself detects the input (e.g.,pressing a button on the device). In some embodiments, the input is agesture (e.g., swipe, drag or tap) detected on a touch-sensitive surface(e.g., surface 451), a button press, or movement of the user inputdevice (e.g., raising or lowering remote control 5001). In someembodiments, the mode-switching gesture is performed anywhere on thetouch-sensitive surface.

In response to receiving the input that corresponds to the request bythe user to switch to the second playback navigation mode, the devicetransitions (1208) from operating in the first playback navigation modeto operating in the second playback navigation mode (e.g., a continuousor fine playback navigation mode). For example, as shown in FIG. 5VVVV,in response to receiving user input 5174 shown in FIG. 5UUUU, the devicetransitions from operating in the first playback navigation modedisplayed in FIG. 5UUUU, to the second playback navigation modedisplayed in FIG. 5VVVV. In some embodiments, the first playbacknavigation mode allows for navigation through a video being displayed ondisplay 450 based on predefined position markers (e.g., chaptermarkers). In some embodiments, the second playback navigation modeallows for navigation through a video being displayed on display 450 ona finer scale (e.g., second-by-second basis or a fraction thereof).

While the device is operating (1210) in the second playback navigationmode, the device provides (1212), to the display, second videoinformation for display. The second video information includesinformation that corresponds to one or more frames of the video, thescrubber bar, and the first playhead (e.g., FIG. 5VVVV).

In some embodiments, the second video information includes (1214, FIG.12B) information that corresponds to a second playhead (e.g., secondplayhead 5308) that indicates a first navigation position in thescrubber bar (e.g., a position in the scrubber bar 5302, distinct fromthe current play position, that the second playhead points to, and towhich the first playhead 5304 will move upon receiving an input thatindicates that the first navigation position should become the currentplay position). In some embodiments, the second video informationincludes (1216) text that indicates the first navigation position in thescrubber bar. For example, as shown in FIG. 5WWWW, the second videoinformation includes information corresponding to second playhead 5308and second playhead text 5312. Second playhead 5308 indicates a positionin the scrubber bar (or timeline of the video being displayed) to whichthe first playhead will move to upon receiving an input that correspondsto a request to move the first playhead to the position of the secondplayhead (e.g., in FIG. 5XXXX, first playhead 5304 moves to the positionof second playhead 5308 in response to user input 5179 shown in FIG.5WWWW).

In some embodiments, the second video information includes (1218)information that corresponds to a preview pane (e.g., preview pane 5310in FIG. 5VVVV). In some embodiments, the preview pane is configured fordisplay adjacent to (e.g., above) the second playhead in the scrubberbar. The preview pane includes one or more frames of the video thatcorresponds to a navigation position of the second playhead on thescrubber bar. In some embodiments, the preview pane also includesmetadata for the one or more frames (e.g., timestamps, subtitles, etc.).For example, FIG. 5CCCC illustrates display of preview pane 5310. Inthis example, information to display preview pane 5310 includes at leastthe frame currently displayed, corresponding to second playhead 5308 andsecond playhead text 5312. In this example, the second playhead 5308 andsecond playhead text 5312 correspond to the same location in scrubberbar 5302 as first playhead 5304 (e.g., immediately upon display ofpreview pane 5310), so preview pane 5310 displays a frame of the videoat the same time as that frame is displayed in video playback view 5300.In some embodiments, the first video information also includesinformation that corresponds to the preview pane.

In some embodiments, preview pane 5310 follows second playhead 5308 sothat second playhead 5308 is centered below preview pane 5310. Anexample of this can be seen in FIG. 5DDDD. As can be seen in FIG. 5CCCC,however, in some embodiments, preview pane 5310 is displayed offset fromsecond playhead 5308 (e.g., preview pane 5310 is off-center from secondplayhead 5308). In this example, second playhead 5308 is displayed farto the left along scrubber bar 5302, and preview pane 5310 is displayedabove second playhead 5308 such that one edge of preview pane 5308 isdisplayed along an edge of display 450 or video playback view 5300. Insome embodiments, preview pane 5310 remains displayed in a fixedposition (e.g., at the left-most edge or right-most edge of display450), while second playhead 5308 moves in a first direction (e.g.,toward the right side), until the second playhead 5308 is centeredrelative to preview pane 5310, at which time both preview pane 5310 andsecond playhead 5308 move in the first direction.

In some embodiments, the device receives (1220) an input thatcorresponds to a request to display the preview pane, and in response toreceiving the input that corresponds to a request to display the previewpane, provides, to the display, the information that corresponds to thepreview pane, for display. For example, as illustrated in FIGS. 5BBBBand 5CCCC, user input 5159 (e.g., a tap gesture) is detected ontouch-sensitive surface 451 (e.g., device 100 or 300 receives a signalcorresponding to this input), and in response to receiving user input5159, preview pane 5310 and second playhead 5308 are displayed in videoplayback view 5300, shown in FIG. 5CCCC.

While the device is operating (1210) in the second playback navigationmode (e.g., the continuous playback navigation mode), the device ceases(1222, FIG. 12A) to provide, to the display, information thatcorresponds to the plurality of playback position markers that indicatethe predetermined playback positions in the video. For example, in FIG.5UUUU, the device is operating in the first playback navigation mode(e.g., the chapter playback navigation mode), when user input 5174 isdetected. FIG. 5VVVV shows that, in response to receiving user input5174, the device enters the second playback navigation mode (e.g., thecontinuous playback navigation mode) and ceases to display the pluralityof playback position markers 5314 (shown in FIG. 5UUUU).

In some embodiments, while operating in the second playback navigationmode (e.g., the continuous playback navigation mode), the devicereceives (1224, FIG. 12C) an input that corresponds to a request to movethe second playhead forward (e.g., an input that corresponds to arightward swipe gesture, a tap gesture in a predefined area on the rightside of a touch-sensitive surface in communication with the device, orother similar gesture on the touch-sensitive surface, or activation of afast forward button on a remote control in communication with thedevice, etc.). The device, in response to receiving the input thatcorresponds to the request to move the second playhead forward,provides, to the display, data to continuously advance the secondplayhead in a forward direction in the scrubber bar (e.g., by an amountthat corresponds to a magnitude of the input and, optionally, withoutany chapter or section breaks in the content). In some embodiments, thesecond playhead advances continuously while the input is detected andthen stops when the input ceases. In some embodiments, the secondplayhead advances until a distinct user input is detected, as shown inFIGS. 5VVVV-5WWWW. For example, in FIG. 5CCCC, while the device isoperating in the second playback navigation mode, user input 5158 isdetected. In this example, in response to receiving user input 5158,second playhead 5308, preview pane 5310 and second playhead text 5312move forward along scrubber bar 5302, as shown in FIGS. 5DDDD and 5EEEE,in accordance with the movement of user input 5158. In some embodiments,moving the second playhead forward includes temporally advancing thesecond playhead along a timeline representation of the video displayedin video playback view 5300.

In some embodiments, while operating in the first playback navigationmode (e.g., the chapter playback navigation mode), the device receivesan input that corresponds to a request to move the second playheadforward. In some embodiments, the input that corresponds to the requestto fast forward the video that is received while operating in the secondplayback navigation mode is the same as the input that corresponds tothe request to fast forward the video that is received while operatingin the first playback navigation mode (e.g., both inputs correspond tothe same gesture or to activation of the same button). In someembodiments, the input that corresponds to the request to fast forwardthe video is that is received while operating in the second playbacknavigation mode is distinct from the input that corresponds to therequest to fast forward the video that is received while operating inthe first playback navigation mode (e.g., the inputs correspond todifferent gestures or to activation of different buttons). The device,in response to receiving the input that corresponds to the request tomove the second playhead forward, provides, to the display, data to skipthe second playhead forward in the scrubber bar to a next playbackposition marker. In some embodiments, the device provides videoinformation in which the information that corresponds to the one or moreframes of the video is updated to match the next playback positionmarker in the scrubber.

In some embodiments, while operating in the second playback navigationmode (e.g., the continuous playback navigation mode), the devicereceives (1226) an input that corresponds to a request to move thesecond playhead backward (e.g., an input that corresponds to a leftwardswipe gesture, a tap gesture in a predefined area on the left side of atouch-sensitive surface in communication with the device, or othersimilar gesture on the touch-sensitive surface, or activation of arewind/reverse button on a remote control in communication with thedevice, etc.). The device, in response to receiving the input thatcorresponds to the request to move the second playhead backward,provides, to the display, data to continuously move the second playheadin a reverse direction in the scrubber bar. In some embodiments, thesecond playhead moves continuously backward while the input is detectedand then stops when the input ceases. In some embodiments, the secondplayhead rewinds until a distinct user input, such as a separate tapgesture or a separate button press, is detected. In some embodiments,the device provides video information in which the informationcorresponding to the one or more frames of the video is updated to matchthe movement of the second playhead in the scrubber bar.

In some embodiments, while operating in the first playback navigationmode (e.g., the chapter playback navigation mode), the device receivesan input that corresponds to a request to move the second playheadbackward. In some embodiments, the input that corresponds to the requestto rewind the video that is received while operating in the secondplayback navigation mode is the same as the input that corresponds tothe request to rewind the video that is received while operating in thefirst playback navigation mode (e.g., both inputs correspond to the samegesture or to activation of the same button). In some embodiments, theinput that corresponds to the request to rewind the video that isreceived while operating in the second playback navigation mode isdistinct from the input that corresponds to the request to rewind thevideo that is received while operating in the first playback navigationmode (e.g., the inputs correspond to different gestures or to activationof different buttons). The device, in response to receiving the inputthat corresponds to the request to move the second playhead backward,provides, to the display, data to skip the second playhead backward inthe scrubber bar to a previous playback position marker. For example, inFIG. 5IIII, while the device is operating in the second playbacknavigation mode, user input 5192 is detected. In this example, inresponse to receiving user input 5192, second playhead 5308, previewpane 5310 and second playhead text 5312 move in a reverse directionalong scrubber bar 5302, as shown in FIGS. 5JJJJ and 5KKKK.

In some embodiments, while the device is operating in either the firstplayback navigation mode (e.g., the chapter playback navigation mode) orthe second playback navigation mode (e.g., the continuous playbacknavigation mode), and the display is displaying the scrubber bar, thefirst playhead, the second playhead, and a preview pane adjacent to thesecond playhead, the device receives (1228, FIG. 12D) an input thatcorresponds to a request to resume playing the video at the current playposition in the scrubber bar. In some embodiments, in response toreceiving the input that corresponds to the request to resume playingthe video at the current play position in the scrubber bar, the deviceprovides, to the display, third video information that corresponds to ananimation of the preview pane moving to a position at or adjacent to thecurrent play position. In some embodiments, after the preview pane hasmoved to the position at or adjacent to the current play position, thedevice ceases to provide information to display the preview pane andresumes play of the video at a point in the video that corresponds tothe current play position in the scrubber bar. For example, as shown inFIG. 5OOOO, while the device is operating in the first playbacknavigation mode (e.g., chapter navigation mode), user input 5170 (e.g.,a button press of the menu button 5002), is detected. As shown in FIGS.5PPPP to 5RRRR, third video information is displayed, corresponding toan animation of the preview pane 5310 moving and decreasing in size tofirst playhead 5304. FIG. 5SSSS illustrates that preview pane 5310ceases to be displayed after the preview pane has moved to the positionat or adjacent to the current play position, shown in FIG. 5RRRR, andthe device resumes play of the video at the current play position. Insome embodiments, an animation also moves the second playhead back tothe location of the first playhead. In some embodiments, after thepreview pane has moved to the position at or adjacent to the currentplay position, the scrubber bar, the first playhead, the secondplayhead, and the preview pane all cease to be displayed (e.g.,immediately or after a predefined time, such as 0.5 or 1 second). Insome embodiments, the scrubber bar, the first playhead, the secondplayhead, and the preview pane fade out (or otherwise cease to bedisplayed) as the preview pane moves towards a position at or adjacentto the current play position. In some embodiments, the second playheadmoves with direct manipulation while finger is on touch-sensitivesurface. In some embodiments, the second playhead moves with inertiaafter finger is lifted from touch-sensitive surface. In someembodiments, even while in chapter mode, a user can swipe to navigatesmoothly through content (and use edge clicks to switch betweenchapters).

In some embodiments, while the device is operating in either the firstplayback navigation mode or the second playback navigation mode, and thedisplay is displaying the scrubber bar, the first playhead, and thesecond playhead, the device receives (1230) an input that corresponds toa request to play the video at the first navigation position in thescrubber bar (e.g., user input 5179 in FIG. 5WWWW). The device, inresponse to receiving the input that corresponds to the request to playthe video at the first navigation position in the scrubber bar, thedevice resumes play of the video at a point in the video thatcorresponds to the first navigation position in the scrubber bar (e.g.,FIG. 5XXXX). For example, as shown in FIG. 5WWWW, preview pane 5310,second playhead 5308 and second playhead text 5312 indicate the firstnavigation position in the scrubber bar (e.g., 1:01:44 into the video).In response to receiving a signal corresponding to detection of userinput 5179 on touch-sensitive surface 451, first playhead 5304 moves tothe location in scrubber bar 5302 that corresponds to the firstnavigation position, and the video displayed in video playback view 5300resumes play at the first navigation position, as illustrated in FIG.5XXXX.

In some embodiments, while operating in the second playback navigationmode (e.g., the continuous playback navigation mode), the devicereceives (1232, FIG. 12E) an input that corresponds to a request by theuser to switch to the first playback navigation mode (e.g., the chapterplayback navigation mode). For example, the device receives an inputthat corresponds to a playback navigation mode-switching gesture on atouch-sensitive surface that is in communication with the device. Insome embodiments, the mode-switching gesture is performed anywhere onthe touch-sensitive surface. In some embodiments, the mode-switchinggesture is a swipe gesture or a tap gesture. In some embodiments, themode-switching gesture is a button press. The device, in response toreceiving the input that corresponds to the request to switch to thefirst playback navigation mode (e.g., the chapter playback navigationmode), transitions from operating in the second playback navigation mode(e.g., the continuous playback navigation mode) to operating in thefirst playback navigation mode (e.g., the chapter playback navigationmode). In some embodiments, the device provides, to the display, fourthvideo information for display. The fourth video information includesinformation that corresponds to one or more frames of the video, thescrubber bar, the first playhead, and the plurality of playback positionmarkers, distinct from the first playhead, that indicate predeterminedplayback positions in the video (e.g., chapter markers or othermilestone markers in the scrubber bar). For example, as shown in FIG.5LLLL, user input 5194 is detected while the device is operating in thesecond playback navigation mode (e.g., the continuous playbacknavigation mode). In response to receiving a signal corresponding todetection of user input 5194, the device transitions from operating inthe second playback navigation mode (e.g., the continuous playbacknavigation mode) to operating in the first playback navigation mode(e.g., the chapter playback navigation mode), and a plurality ofplayback position markers (e.g., chapter markers) are displayed, asshown in FIG. 5MMMM.

In some embodiments, while operating in the second playback navigationmode (or the continuous playback navigation mode), the device receives(1234) an input that corresponds to a request to switch to a play mode,and in response to receiving the input that corresponds to the requestto switch to the play mode, the device transitions from operating in thesecond navigation mode to operating in a play mode that plays the videoon the display and ceases to display the scrubber bar, the firstplayback head, and the second playback head. In some embodiments, theplurality of playback position markers is not displayed in the playmode. For example, in FIG. 5XXXX, while operating in the second playbacknavigation mode (e.g., the continuous playback navigation mode), thedevice receives a signal corresponding to detection of user input 5178(e.g., a tap and hold gesture). FIG. 5YYYY illustrates a resultingswitch to operating in a play mode. While operating in the play mode asshown in FIG. 5YYYY, the various navigational elements displayed in FIG.5XXXX such as scrubber bar 5302, first playback head 5304, and secondplayback head 5308, cease to be displayed. In some embodiments, therequest to switch to the play mode initiates collapsing the firstplayhead and the second playhead so that only one playhead is displayedthat corresponds to a current playback position within the content.

In some embodiments, while operating in the first playback navigationmode (or the chapter playback navigation mode), the device receives aninput that corresponds to a request to switch to the play mode, and inresponse to receiving the input that corresponds to the request toswitch to the play mode, the device transitions from operating in thefirst navigation mode to operating in the play mode that plays the videoon the display and ceases to display the scrubber bar and the firstplayback head (and the second playback head, if present).

In some embodiments, while operating in the play mode, the devicereceives (1236) an input that corresponds to a request to fast forwardor rewind the video. In some embodiments, detecting the input includesdetecting a press gesture (e.g., detecting a click of a mechanicalbutton, or detecting an increased intensity of a contact by more than apredetermined amount or above a predetermined intensity threshold) afterdetecting a contact on an edge of a touch-sensitive surface for at leasta predetermined amount of time. The device, in response to receiving theinput that corresponds to a request to fast forward or rewind the video,provides, to the display, data to skip the video by a predefined timeinterval in accordance with the input. For example, in FIG. 5YYYY, userinput 5180 is detected in sub-region 5208-f, while the device isoperating in the play mode. FIG. 5ZZZZ illustrates advancement (e.g.,forwarding) of the playback of the video by a predefined increment oftime (e.g., 10, 30, or 90 seconds). This can be observed by noticing thechange in position of Greg the Goat on the mountain, as displayed invideo playback view 5300. In some embodiments, the device provides datato skip M seconds (in a fast forward direction) in response to receivingthe input that corresponds to a request by the user to fast forward thevideo. In some embodiments, the device provides data to skip N seconds(in a reverse direction) in response to receiving the input thatcorresponds to a request by the user to rewind the video. In someembodiments, M is more than 1. In some embodiments, N is more than 1. Insome embodiments, M is identical to N (e.g., both M and N are 1). Insome embodiments, M is distinct from N.

In some embodiments, while operating in the play mode, the devicereceives (1238) an input that corresponds to a request to switch to thesecond playback navigation mode (e.g., the continuous playbacknavigation mode). For example, the device receives an input thatcorresponds to a mode-switching gesture on a touch-sensitive surfacethat is in communication with the device. In some embodiments, themode-switching gesture is performed anywhere on the touch-sensitivesurface. In some embodiments, the mode-switching gesture is a swipegesture or a tap gesture. In some embodiments, the mode-switchinggesture is a button press. The device, in response to receiving theinput that corresponds to a request to switch to the second playbacknavigation mode, transitions from the play mode to the second playbacknavigation mode (e.g., the continuous playback navigation mode). Forexample, in FIG. 5AAAA, the device is operating in the play mode whileuser input 5154 is detected. FIG. 5BBBB illustrates that scrubber bar5302, first playhead 5304 and total time text 5309 are displayed, inresponse to receiving a signal that corresponds to detection of userinput 5154, while the device is operating in the second navigationplayback mode (e.g., the continuous playback navigation mode).

It should be understood that the particular order in which theoperations in FIGS. 12A-12E have been described is merely exemplary andis not intended to indicate that the described order is the only orderin which the operations could be performed. One of ordinary skill in theart would recognize various ways to reorder the operations describedherein. Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,methods 600, 700, 800, 900, 1000, and 1100) are also applicable in ananalogous manner to method 1200 described above with respect to FIGS.12A-12E. For example, the user interfaces and user inputs describedabove with reference to method 1200 optionally have one or more of thecharacteristics of the user interfaces and user inputs described hereinwith reference to other methods described herein (e.g., methods 600,700, 800, 900, 1000, and 1100). For brevity, these details are notrepeated here.

In accordance with some embodiments, FIG. 13 shows a functional blockdiagram of electronic device 1300 configured in accordance with theprinciples of the various described embodiments. The functional blocksof the device are, optionally, implemented by hardware, software,firmware, or a combination thereof to carry out the principles of thevarious described embodiments. It is understood by persons of skill inthe art that the functional blocks described in FIG. 13 are, optionally,combined or separated into sub-blocks to implement the principles of thevarious described embodiments. Therefore, the description hereinoptionally supports any possible combination or separation or furtherdefinition of the functional blocks described herein.

As shown in FIG. 13, electronic device 1300 is in communication withdisplay unit 1302 and a remote user input device 1304. Electronic device1300 includes processing unit 1309 in communication with the displayunit and the remote user interface unit. In some embodiments, processingunit 1309 includes: data provision unit 1308, input receiving unit 1310,determining unit 1312, exiting unit 1314, and changing unit 1319.

Processing unit 1309 is configured to: while the device is operating ina screensaver mode: provide (e.g., with data provision unit 1308), todisplay unit 1302, data to present a first media, that includes a firstvisual motion effect; while the display unit is presenting the firstmedia that includes the first visual motion effect, receive (e.g., withinput receiving unit 1310), a user input on remote user input unit 1304;and, in response to receiving the user input on remote user input unit1304: determine (e.g., with determining unit 1312) a type of the userinput on remote user input unit 1304; in accordance with determiningthat the user input on remote user input unit 1304 is a user input of afirst type, provide (e.g., with data provision unit 1308), to displayunit 1302, data to present the first media that includes a second visualmotion effect without exiting the screensaver mode, wherein the secondvisual motion effect is distinct from the first visual motion effect;and, in accordance with determining that the user input on remote userinput unit 1304 is a user input of a second type, distinct from thefirst type, exit (e.g., with exiting unit 1314) the screensaver mode.

In some embodiments, processing unit 1309 is configured to, afterdetermining that the user input is of the first type, while display unit1302 is presenting the first media that includes the second visualmotion effect, determine (e.g., with determining unit 1314) that theuser input of the first type has ceased to be detected on remote userinput unit 1304; and, in response to determining that the user input ofthe first type has ceased to be detected on remote user input unit 1304,provide (e.g., using data provision unit 1308), to display unit 1302,data to present a media that includes the first visual motion effect.

In some embodiments, processing unit 1309 is configured to, in responseto receiving the user input on remote user input unit 1304 in accordancewith determining that the user input on remote user input unit 1304 is auser input of a fourth type, provide (e.g., using data provision unit1308), to display unit 1302, data to replace the first media thatincludes the first visual motion effect with a second media, selectedfrom a plurality of media, that includes a third visual motion effect.

In some embodiments, processing unit 1309 is configured to: in responseto receiving the user input on remote user input unit 1304: inaccordance with determining that the user input on remote user inputunit 1304 is a user input of a third type, provide (e.g., using dataprovision unit 1308), to display unit 1302, data to present the firstmedia, that includes the first visual motion effect, with correspondingdescriptive text.

In some embodiments, processing unit 1309 is configured to: in responseto receiving the user input on remote user input unit 1304: inaccordance with determining that the user input on remote user inputunit 1304 is a user input of a fifth type, provide (e.g., using dataprovision unit 1308), to display unit 1302, data to present the firstmedia, that includes the first visual motion effect, with informationthat indicates current time and/or date.

In some embodiments, the electronic device enters the screensaver modein accordance with a determination that one or more screensaveractivation criteria have been satisfied, wherein the one or morescreensaver activation criteria are satisfied in accordance withdetermining that remote user input unit 1304 is stationary.

In some embodiments, processing unit 1309 is configured to: in responseto receiving the user input on remote user input unit 1304 and inaccordance with determining that the user input on remote user inputunit 1304 is a user input of the second type, provide (e.g., using dataprovision unit 1308), to display unit 1302, data to replace the firstmedia that includes the first visual motion effect with a user interfacewith a plurality of objects, wherein: the plurality of objects includes:a first object, and a second object that is adjacent to the first objecton display unit 1302; and a current focus is on the first object of theplurality of objects.

In some embodiments, processing unit 1309 is configured to: in responseto receiving the user input on remote user input unit 1304: inaccordance with determining that the user input on remote user inputunit 1304 is a user input of a sixth type, change (e.g., with changingunit 1316) a visual motion effect for presenting the first media ondisplay unit 1302.

In some embodiments, providing to display unit 1302, data to present thefirst media, that includes the first visual motion effect, includesproviding, to the display unit, data to present a playback of a firstvideo; and processing unit 1309 is configured to, in accordance withdetermining that the user input on remote user input unit 1304 is a userinput of a seventh type, change (e.g., with changing unit 1316) aplayback direction of the first video in accordance with user input.

In accordance with some embodiments, FIG. 14 shows a functional blockdiagram of electronic device 1400 configured in accordance with theprinciples of the various described embodiments. The functional blocksof the device are, optionally, implemented by hardware, software,firmware, or a combination thereof to carry out the principles of thevarious described embodiments. It is understood by persons of skill inthe art that the functional blocks described in FIG. 14 are, optionally,combined or separated into sub-blocks to implement the principles of thevarious described embodiments. Therefore, the description hereinoptionally supports any possible combination or separation or furtherdefinition of the functional blocks described herein.

As shown in FIG. 14, electronic device 1400 is in communication withdisplay unit 1402. Display unit 1402 is configured to display a userinterface with a plurality of user interface objects. Electronic device1400 includes processing unit 1404 in communication with display unit1402. In some embodiments, processing unit 1404 includes: data provisionunit 1409 and input receiving unit 1408.

Processing unit 1404 is configured to: provide (e.g., with dataprovision unit 1406), to display unit 1402, data to present the userinterface with the plurality of user interface objects, wherein: theplurality of user interface objects includes: a first user interfaceobject and a second user interface object that is adjacent to the firstuser interface object on the display unit; a current focus is on thefirst user interface object of the plurality of user interface objects;while the display unit is presenting the user interface, receive (e.g.,with input receiving unit 1408) a first input that corresponds to arequest to move the current focus in the user interface; and, inresponse to receiving the first input that corresponds to the request tomove the current focus in the user interface, provide (e.g., with dataprovision unit 1406), to display unit 1402, data to: move the first userinterface object from a first position towards the second user interfaceobject and/or tilt the first user interface object from a firstorientation towards the second user interface object; and, after movingthe first user interface object from the first position towards thesecond user interface object and/or tilting the first user interfaceobject towards the second user interface object: move the current focusfrom the first user interface object to the second user interfaceobject, and move the first user interface object back towards the firstposition and/or tilt the first user interface object back towards thefirst orientation.

In some embodiments, in response to receiving the first input thatcorresponds to the request to move the current focus in the userinterface, processing unit 1404 is configured to provide (e.g., withdata provision unit 1406), to display unit 1402, data to: decrease thesize of the first user interface object on display unit 1402 andincrease the size of the second user interface object on display unit1402.

In some embodiments, a name of the first user interface object isdisplayed on or adjacent to the first interface object while the currentfocus is on the first user interface object, and processing unit 1404 isconfigured to, in response to receiving the first input that correspondsto the request to move the current focus in the user interface, provide(e.g., with data provision unit 1406), to display unit 1402, data to:cease display of the name of the first user interface object and displaya name of the second user interface object on or adjacent to the secondinterface object while the current focus is on the second user interfaceobject.

In some embodiments, the first user interface object includes graphicsin two or more overlapping layers arranged in a z-order and the layersshift on the display unit in accordance with the tilting of the firstuser interface object.

In some embodiments, the first user interface object includes one ormore reflections and the one or more reflections change in accordancewith the tilting of the first user interface object.

In some embodiments, the first user interface object includes one ormore colors and the one or more colors change in accordance with thetilting of the first user interface object.

In some embodiments, a magnitude of the movement of the first userinterface object towards the second user interface object decreases as aspeed of moving the current focus from the first user interface objectto the second user interface object increases.

In some embodiments, a magnitude of the tilt of the first user interfaceobject towards the second user interface object decreases as a speed ofmoving the current focus from the first user interface object to thesecond user interface object increases.

In some embodiments, moving the current focus from the first userinterface object to the second user interface object in response toreceiving the first input occurs without moving any user interfaceobject from the first user interface object to the second user interfaceobject.

In some embodiments, processing unit 1404 is configured to, while thecurrent focus is on the second user interface object, receive (e.g.,with input receiving unit 1408) a second input that corresponds to arequest to move the current focus in the user interface; and, inresponse to receiving the second input that corresponds to the requestto move the current focus in the user interface, provide (e.g., withdata provision unit 1406), to display unit 1402, data to: move thesecond user interface object from a second position towards a third userinterface object, adjacent to the second user interface object, and/ortilt the second user interface object from a second orientation towardsthe third user interface object; and, after moving the second userinterface object from the second position towards the third userinterface object and/or tilting the second user interface object towardsthe third user interface object: move the current focus from the seconduser interface object to the third user interface object, and move thesecond user interface object back towards the second position and/ortilt the second user interface object back towards the secondorientation.

In some embodiments, processing unit 1404 is configured to, while thecurrent focus is on the third user interface object, receive (e.g., withinput receiving unit 1408) a third input; and, in response to receivingthe third input, provide (e.g., with data provision unit 1406), todisplay unit 1402, data to: move the third user interface object from athird position towards a fourth user interface object, adjacent to thethird user interface object, and/or tilt the third user interface objectfrom a third orientation towards the fourth user interface object; and,after moving the third user interface object from the third positiontowards the fourth user interface object and/or tilting the third userinterface object towards the fourth user interface object: maintain thecurrent focus on the third user interface object, and move the thirduser interface object back towards the third position and/or tilt thethird user interface object back towards the third orientation.

In accordance with some embodiments, FIG. 15 shows a functional blockdiagram of electronic device 1500 configured in accordance with theprinciples of the various described embodiments. The functional blocksof the device are, optionally, implemented by hardware, software,firmware, or a combination thereof to carry out the principles of thevarious described embodiments. It is understood by persons of skill inthe art that the functional blocks described in FIG. 15 are, optionally,combined or separated into sub-blocks to implement the principles of thevarious described embodiments. Therefore, the description hereinoptionally supports any possible combination or separation or furtherdefinition of the functional blocks described herein.

As shown in FIG. 15, electronic device 1500 is in communication withdisplay unit 1502. Display unit 1502 is configured to display a userinterface with a plurality of user interface objects. Electronic device1500 includes processing unit 1504 in communication with display unit1502. In some embodiments, processing unit 1504 includes: data provisionunit 1509 and input receiving unit 1508.

Processing unit 1504 is configured to provide (e.g., with data provisionunit 1506), to display unit 1502, data to present the user interfacewith the plurality of user interface objects, wherein: the plurality ofuser interface objects includes: a first user interface object and asecond user interface object that is adjacent to the first userinterface object on display unit 1502; a current focus is on the firstuser interface object of the plurality of user interface objects; whilethe display unit is presenting the user interface, receive (e.g., withinput receiving unit 1508) a first input; and, in response to receivingthe first input, provide (e.g., with data provision unit 1506), todisplay unit 1502, data to: move the first user interface object from afirst position towards the second user interface object and/or tilt thefirst user interface object from a first orientation towards the seconduser interface object; and, after moving the first user interface objectfrom the first position towards the second user interface object and/ortilting the first user interface object towards the second userinterface object: in accordance with a determination that the firstinput satisfies first current-focus-navigation criteria, providing, todisplay unit 1502, data to: move the current focus from the first userinterface object to the second user interface object, and move the firstuser interface object back towards the first position and/or tilt thefirst user interface object back towards the first orientation.

In some embodiments, processing unit 1504 is configured to, after movingthe first user interface object from the first position towards thesecond user interface object and/or tilting the first user interfaceobject towards the second user interface object: in accordance with adetermination that the first input does not satisfy the firstcurrent-focus-navigation criteria, provide (e.g., with data provisionunit 1506), to display unit 1502, data to: maintain the current focus onthe first user interface object, and move the first user interfaceobject back towards the first position and/or tilt the first userinterface object back towards the first orientation.

In some embodiments, a name of the first user interface object isdisplayed on or adjacent to the first interface object while the currentfocus is on the first user interface object, and processing unit 1504 isconfigured to: in accordance with the determination that the first inputsatisfies the first current-focus-navigation criteria, provide (e.g.,with data provision unit 1506), to display unit 1502, data to: ceasedisplay of the name of the first user interface object; and display aname of the second user interface object on or adjacent to the secondinterface object while the current focus is on the second user interfaceobject.

In some embodiments, the first user interface object includes one ormore reflections, and processing unit 1504 is configured to: inaccordance with the determination that the first input satisfies thefirst current-focus-navigation criteria, provide (e.g., with dataprovision unit 1506), to display unit 1502, data to: cease display ofthe one or more reflections of the first user interface object; anddisplay one or more reflections of the second user interface object.

In some embodiments, processing unit 1504 is configured to: while thecurrent focus is on the second user interface object, receive (e.g. withinput receiving unit 1508) a second input; and, in response to receivingthe second input, provide (e.g., with data provision unit 1506), todisplay unit 1502, data to: move the second user interface object from asecond position towards a third user interface object, adjacent to thesecond user interface object, and/or tilt the second user interfaceobject from a second orientation towards the third user interfaceobject; and, after moving the second user interface object from thesecond position towards the third user interface object and/or tiltingthe second user interface object towards the third user interfaceobject: in accordance with a determination that the second inputsatisfies second current-focus-navigation criteria, provide, to thedisplay unit, data to: move the current focus from the second userinterface object to the third user interface object, and move the seconduser interface object back towards the second position and/or tilt thesecond user interface object back towards the second orientation.

In some embodiments, the first current-focus-navigation criteria and thesecond current-focus-navigation criteria are distinct.

In some embodiments, the first input corresponds to a request to movethe current focus horizontally in the user interface and the secondinput corresponds to a request to move the current focus vertically inthe user interface.

In some embodiments, the first input corresponds to a request to movethe current focus between user interface objects of a same type and thesecond input corresponds to a request to move the current focus betweenuser interface objects of different types.

In some embodiments, the first user interface object includes graphicsin two or more overlapping layers arranged in a z-order from aforeground layer to a background layer and the layers shift on displayunit 1502 in accordance with the tilting of the first user interfaceobject.

In some embodiments, the tilting of the first user interface objectincludes forgoing display of one or more regions of the two or moreoverlapping layers, other than the background layer, that extend beyonda boundary of the background layer.

In some embodiments, a projected depth between the foreground layer andthe background layer is independent of a number of intervening layersbetween the foreground layer and the background layer.

In some embodiments, processing unit 1504 is configured to: in responseto moving the current focus from the first user interface object to thesecond user interface object, provide (e.g., with data provision unit1506), to display unit 1502, data to: decrease the size of the firstuser interface object on the display unit; and increase the size of thesecond user interface object on the display unit, wherein: the seconduser interface object includes graphics in two or more overlappinglayers arranged in a z-order from a foreground layer to a backgroundlayer; increasing the size of the second user interface object ondisplay unit 1502 includes increasing the sizes of respective layers ofthe two or more overlapping layers by respective magnification ratios;and a magnification ratio for the foreground layer is higher than amagnification ratio for the background layer.

In accordance with some embodiments, FIG. 16 shows a functional blockdiagram of electronic device 1600 configured in accordance with theprinciples of the various described embodiments. The functional blocksof the device are, optionally, implemented by hardware, software,firmware, or a combination thereof to carry out the principles of thevarious described embodiments. It is understood by persons of skill inthe art that the functional blocks described in FIG. 16 are, optionally,combined or separated into sub-blocks to implement the principles of thevarious described embodiments. Therefore, the description hereinoptionally supports any possible combination or separation or furtherdefinition of the functional blocks described herein.

As shown in FIG. 16, electronic device 1600 is in communication withdisplay unit 1602. Display unit 1602 is configured to display a userinterface with a plurality of user interface objects. Electronic device1600 includes processing unit 1604 in communication with display unit1602. In some embodiments, processing unit 1604 includes: data provisionunit 1609, determining unit 1608, and detecting unit 1610.

Processing unit 1604 is configured to provide (e.g., with data provisionunit 1606), to display unit 1602, data to present the user interfacewith the plurality of user interface objects, wherein: the plurality ofuser interface objects includes a first user interface object, and acurrent focus is on the first user interface object; while the displayunit is presenting the user interface, determine (e.g., with determiningunit 1608) that inactivity criteria are satisfied; in response todetermining that the inactivity criteria are satisfied, provide (e.g.,with data provision unit 1606), to display unit 1602, data to visuallydistinguish the first user interface object in a first manner from theother user interface objects in the plurality of user interface objects;and, after providing, to the display unit, the data to visuallydistinguish the first user interface object in the first manner: detect(e.g., with detecting unit 1610) interaction by a user with theelectronic device or with another device in communication with theelectronic device; and, in response to detecting interaction by the userwith the electronic device or with another device in communication withthe electronic device, provide (e.g., with data provision unit 1606), todisplay unit 1602, data to cease visually distinguishing the first userinterface object in the first manner from the other user interfaceobjects in the plurality of user interface objects.

In some embodiments, the inactivity criteria are satisfied when no userinput has been detected by the electronic device or another device incommunication with the electronic device for a predefined duration.

In some embodiments, the inactivity criteria are satisfied when theelectronic device or a remote control in communication with theelectronic device detects that the remote control is stationary.

In some embodiments, visually distinguishing the first user interfaceobject in the first manner includes increasing the size of the firstuser interface object from a first size to a second size.

In some embodiments, ceasing to visually distinguish the first userinterface object in the first manner includes reducing the size of thefirst user interface object to the first size.

In some embodiments, visually distinguishing the first user interfaceobject in the first manner includes highlighting the first userinterface object.

In some embodiments, visually distinguishing the first user interfaceobject in the first manner includes dimming one or more portions of theuser interface other than the first user interface object.

In some embodiments, processing unit 1604 is configured to: in responseto determining that dark screen criteria are satisfied, provide (e.g.,with data provision unit 1606), to display unit 1602, data to display ablank screen.

In some embodiments, processing unit 1604 is configured to: in responseto determining that dark screen criteria are satisfied, provide (e.g.,with data provision unit 1606), to display unit 1602, data to dim theentire user interface including the first user interface object.

In accordance with some embodiments, FIG. 17 shows a functional blockdiagram of electronic device 1700 configured in accordance with theprinciples of the various described embodiments. The functional blocksof the device are, optionally, implemented by hardware, software,firmware, or a combination thereof to carry out the principles of thevarious described embodiments. It is understood by persons of skill inthe art that the functional blocks described in FIG. 17 are, optionally,combined or separated into sub-blocks to implement the principles of thevarious described embodiments. Therefore, the description hereinoptionally supports any possible combination or separation or furtherdefinition of the functional blocks described herein.

As shown in FIG. 17, electronic device 1700 is in communication withdisplay unit 1702 and optionally in communication with a remote userinput device unit 1710. Display unit 1702 is configured to display videoplayback information. Electronic device 1700 includes processing unit1704. In some embodiments, processing unit 1704 includes display dataprovision unit 1706 and input receiving unit 1708, in accordance withsome embodiments.

Processing unit 1704 is configured to provide, to display unit 1702(e.g., using display data provision unit 1706), data to present a mediainformation user interface for a first media content item. The mediainformation user interface for the first media content item includes:(a) a plurality of media source objects that correspond to respectivemedia sources for the first media content item, a first media sourceobject of the plurality of media source objects be visuallydistinguished to indicate selection of the first media source object,the first media source object correspond to a first media source; and(b) a first set of media management objects for the first media contentitem. The first set of media management objects include one or moremedia presentation option objects that correspond to the first mediacontent item and the first media source.

In some embodiments, the plurality of media source objects has an orderdetermined in accordance with predefined source ordering criteria.

In some embodiments, the plurality of media source objects includes anadditional sources object, which, when activated, initiates displaying alist of additional source objects that correspond to additional sourcesfor the first media content item.

In some embodiments, the media information user interface includes a setof media objects that corresponds to a set of media content items thatare distinct from the first media content item.

In some embodiments, the media information user interface is a userinterface of a first software application; and the media presentationoption objects include: (a) an in-application play object, which, whenactivated, initiates providing, to display unit 1702 (e.g., usingdisplay data provision unit 1706), data to play the first media contentitem using data received (e.g. with input receiving unit 1708 or,optionally in conjunction with remote user input device unit 1710) fromthe first media source in a user interface of the first softwareapplication; (b) an out-of-application play object, which, whenactivated, initiates launching a second software application that isdistinct from the first software application and associated with thefirst media source.

In some embodiments, processing unit 1704 is configured to, whiledisplay unit 1702 is presenting the media information user interface,receive (e.g. with input receiving unit 1708 or, optionally inconjunction with remote user input device unit 1710) a user input.

In some embodiments, in response to receiving the user input, inaccordance with a determination that the user input corresponds to arequest to activate a first media presentation option object in thefirst set of media management objects for the first media content item,processing unit 1704 is configured to initiate provision, to displayunit 1702 (e.g., using display data provision unit 1706), of data toplay the first media content item us data received from the first mediasource in accordance with a media presentation option that correspondsto the first media presentation option object.

In some embodiments, in response to receiving the user input, inaccordance with a determination that the user input corresponds to arequest to select a second media source object, that is distinct fromthe first media source object, of the plurality of media source objects,processing unit 1704 is configured to provide, to display unit 1702(e.g., using display data provision unit 1706), data to update the mediainformation user interface for the first media content item. The updatedmedia information user interface for the first media content itemincludes: (a) the plurality of media source objects that correspond torespective media sources for the first media content item, the secondmedia source object of the plurality of media source objects beingvisually distinguished to indicate selection of the second media sourceobject, the second media source object corresponding to a second mediasource that is distinct from the first media source; and (b) a secondset of media management objects that corresponds to the first mediacontent item and the second media source, wherein the second set ofmedia management objects is distinct from the first set of mediamanagement objects.

In some embodiments, the second set of media management objectsincludes: (a) a rent object, which, when activated, initiates rentingthe first media content item from the second media source; and (b) apurchase object, which, when activated, initiates purchasing the firstmedia content item from the second media source.

In some embodiments, the second set of media management objects includesa watchlist object, which, when activated, initiates adding the firstmedia content item to a list of selected media content items.

In some embodiments, processing unit 1704 is configured to: whiledisplay unit 1702 is displaying a media content browser user interface,receive a selection of the first media content item (e.g., with inputreceiving unit 1708 and, optionally in conjunction with remote userinput device unit 1710); in response to receiving the selection of thefirst media content item while the display unit is displaying the mediacontent browser user interface, provide (e.g., with display dataprovision unit 1706), to display unit 1702, data to replace the displayof the media content browser user interface with the media informationuser interface for the first media content item; while display unit 1702is displaying a search user interface, receive a selection of the firstmedia content item (e.g., with input receiving unit 1708 and, optionallyin conjunction with remote user input device unit 1710); in response toreceiving the selection of the first media content item while displayunit 1702 is displaying the search user interface, provide (e.g., withdisplay data provision unit 1706), to display unit 1702, data to replacethe display of the search user interface with the media information userinterface for the first media content item; while display unit 1702 isdisplaying a media content store user interface, receive a selection ofthe first media content item (e.g., with input receiving unit 1708 and,optionally in conjunction with remote user input device unit 1710); and,in response to receiving the selection of the first media content itemwhile display unit 1702 is displaying the media content store userinterface, provide (e.g., with display data provision unit 1706), todisplay unit 1702, data to replace the display of the media contentstore user interface with the media information user interface for thefirst media content item.

In accordance with some embodiments, FIG. 18 shows a functional blockdiagram of electronic device 1800 configured in accordance with theprinciples of the various described embodiments. The functional blocksof the device are, optionally, implemented by hardware, software,firmware, or a combination thereof to carry out the principles of thevarious described embodiments. It is understood by persons of skill inthe art that the functional blocks described in FIG. 18 are, optionally,combined or separated into sub-blocks to implement the principles of thevarious described embodiments. Therefore, the description hereinoptionally supports any possible combination or separation or furtherdefinition of the functional blocks described herein.

As shown in FIG. 18, electronic device 1800 is in communication withdisplay unit 1802 and optionally in communication with remote user inputdevice unit 1810. Display unit 1802 is configured to display videoplayback information. Electronic device 1800 includes processing unit1804, which further includes display data provision unit 1806, inputreceiving unit 1808, purchasing unit 1812, and launching unit 1814, inaccordance with some embodiments.

Processing unit 1804 is configured to provide, to display unit 1802(e.g., using display data provision unit 1806), data to present a firstmedia information user interface for a first media program. The mediainformation user interface for the first media program includes aplurality of media source objects. A respective media source object ofthe plurality of media source objects corresponds to a respective mediasource for the first media program, a first media source object of theplurality of media source objects be visually distinguished to indicateselection of the first media source object, the first media sourceobject correspond to a first media source. The media information userinterface for the first media program also includes one or more episodeobjects that correspond to one or more episodes for the first mediaprogram available from the first media source, a first episode object ofthe one or more episode objects be visually distinguished to indicateselection of the first episode object, the first episode objectcorrespond to a first episode of the first media program; and a firstset of media management objects for the first episode, wherein the firstset of media management objects include one or more media presentationoption objects that corresponds to the first episode and the first mediasource.

In some embodiments, the first set of media management objects includesan episode purchase object, which, when activated, initiates purchasing(e.g., with purchasing unit 1812) the first episode of the first mediacontent program from the first media source; and/or a season purchaseobject, which, when activated, initiates purchasing a single season,that includes the first episode, of the first media program from thefirst media source.

In some embodiments, the media information user interface is a userinterface of a first software application and the first set of mediamanagement objects includes an out-of-application play object, which,when activated, initiates launch (e.g., with launching unit 1814) asecond software application that is distinct from the first softwareapplication and associated with the first media source.

In some embodiments, processing unit 1804 is configured to, whiledisplay unit 1802 (e.g., using display data provision unit 1806) ispresent the media information user interface, receive a user input (e.g.with input receiving unit 1808 or, optionally in conjunction with remoteuser input device unit 1810).

In some embodiments, in response to receiving the user input, inaccordance with a determination that the user input corresponds to arequest to activate a first media presentation option object in thefirst set of media management objects, processing unit 1804 isconfigured to initiate provision, to display unit 1802 (e.g., usingdisplay data provision unit 1806), of data to play the first episode usdata received from the first media source in accordance with a mediapresentation option that corresponds to the first media presentationoption object.

In some embodiments, the media information user interface for the firstmedia program includes an integrated media source object, distinct fromthe plurality of media source objects, that is associated with multiplemedia sources for the first media program; and processing unit 1804 isconfigured to, in response to receiving the user input, in accordancewith determining that the user input corresponds to a request to selectthe integrated media source object, provide, to the display unit 1802(e.g., using display data provision unit 1806), data to update the mediainformation user interface for the first media program. The updatedmedia information user interface for the first media program includes:(a) the plurality of media source objects; (b) one or more episodeobjects that correspond to one or more episodes for the first mediaprogram available from the multiple media sources; and (c) a second setof one or more media management objects that corresponds to the multiplemedia sources associated with the integrated media source object, and aselected episode object of the one or more episode objects thatcorrespond to the one or more episodes for the first media programavailable from the multiple media sources. In some embodiments, thesecond set of media management objects is distinct from the first set ofmedia management objects; and the integrated media source object isvisually distinguished from the plurality of media source objects toindicate selection of the integrated media source object.

In some embodiments, the second set of one or more media managementobjects includes a play object, which, when activated, initiatesprovision, to display unit 1802 (e.g., using display data provision unit1806), of data to play the first episode us data received from one ofthe multiple media sources associated with the integrated media sourceobject.

In some embodiments, the updated media information user interface forthe first media program includes cost information for respective episodeobjects that correspond to respective episodes that are available for anon-zero cost.

In some embodiments, the process unit is configured to, in response toreceiving the user input, in accordance with a determination that theuser input corresponds to a request to select a second media sourceobject, that is distinct from the first media source object, of theplurality of media source objects, provide, to the display unit 1802(e.g., using display data provision unit 1806), data to update the mediainformation user interface for the first media program. The updatedmedia information user interface for the first media program includes:(a) the plurality of media source objects, in which the second mediasource object is visually distinguished to indicate selection of thesecond media source object, the second media source object correspond toa second media source that is distinct from the first media source; and(b) a third set of media management objects that corresponds to thefirst episode and the second media source, wherein the third set ofmedia management objects is distinct from the first set of mediamanagement objects.

In some embodiments, the media information user interface for the firstmedia program includes a season selection object, which indicates afirst selected season for the first media program. In some embodiments,the one or more episode objects in the media information user interfacecorrespond to one or more episodes for the first selected season of thefirst media program. In some embodiments, the season selection object,when activated, initiates display a list of seasons, of the first mediaprogram, that are available from the first media source. In someembodiments, process unit 1804 is configured to: receive (e.g. withinput receiving unit 1808 or, optionally in conjunction with remote userinput device unit 1810) a selection of a second selected season in thelist of seasons that is distinct from the first selected season; and, inresponse to receiving the selection of the second selected season in thelist of seasons, update the season selection object to indicate thesecond selected season; and replace display of the one or more episodeobjects in the media information user interface that correspond to theone or more episodes for the first selected season of the first mediaprogram with display of one or more episode objects that correspond toone or more episodes for the second selected season of the first mediaprogram.

In some embodiments, processing unit 1804 is configured to: whiledisplay unit 1802 is displaying a media content browser user interface,receive (e.g., with input receiving unit 1808, and optionally inconjunction with remote user input device unit 1810) a selection of thefirst media program; in response to receiving the selection of the firstmedia program while display unit 1802 is displaying the media contentbrowser user interface, provide (e.g., with display data provision unit1806), to display unit 1802, data to replace the display of the mediacontent browser user interface with the media information user interfacefor the first media program; while display unit 1802 is displaying asearch user interface, receive (e.g., with input receiving unit 1808,and optionally in conjunction with remote user input device unit 1810) aselection of the first media program; in response to receiving theselection of the first media program while display unit 1802 isdisplaying the search user interface, provide (e.g., with display dataprovision unit 1806), to display unit 1802, data to replace the displayof the search user interface with the media information user interfacefor the first media program; while display unit 1802 is displaying amedia content store user interface, receive (e.g., with input receivingunit 1808, and optionally in conjunction with remote user input deviceunit 1810) a selection of the first media program; and, in response toreceiving the selection of the first media program while display unit1802 is displaying the media content store user interface, provide(e.g., with display data provision unit 1806), to display unit 1802,data to replace the display of the media content store user interfacewith the media information user interface for the first media program.

As shown in FIG. 19, electronic device 1900 is in communication withdisplay unit 1902. Display unit 1902 is configured to display videoplayback information. Electronic device 1900 includes processing unit1904 in communication with display unit 1902. In some embodiments,processing unit 1904 includes: video information provision unit 1909,input receiving unit 1908, playback navigation mode transition unit1910, data provision unit 1912, display ceasing unit 1914, and play unit1919.

Processing unit 1904 is configured to, while the device is operating ina first playback navigation mode: provide (e.g., with video informationprovision unit 1906), to display unit 1902, first video information fordisplay, wherein the first video information includes information thatcorresponds to one or more frames of a video, a scrubber bar thatrepresents a timeline of the video, a first playhead that indicates acurrent play position in the scrubber bar, and a plurality of playbackposition markers, distinct from the first playhead, that indicatepredetermined playback positions in the video; and receive (e.g. withinput receiving unit 1908) an input that corresponds to a request by auser to switch to a second playback navigation mode; in response toreceiving the input that corresponds to the request by the user toswitch to the second playback navigation mode, transition (e.g., withplayback navigation mode transition unit 1910) from operating in thefirst playback navigation mode to operating in the second playbacknavigation mode; and, while the device is operating in the secondplayback navigation mode: provide (e.g., with video informationprovision unit 1906), to display unit 1902, second video information fordisplay, wherein the second video information includes information thatcorresponds to one or more frames of the video, the scrubber bar, andthe first playhead; and cease to provide (e.g., with video informationprovision unit 1906) information that corresponds to the plurality ofplayback position markers that indicate the predetermined playbackpositions in the video.

In some embodiments, the second video information includes informationthat corresponds to a second playhead that indicates a first navigationposition in the scrubber bar.

In some embodiments, the second video information includes text thatindicates the first navigation position in the scrubber bar.

In some embodiments, processing unit 1904 is configured to: whileoperating in the second playback navigation mode: receive (e.g. withinput receiving unit 1908) an input that corresponds to a request tomove the second playhead forward; and, in response to receiving theinput that corresponds to the request to move the second playheadforward, provide (e.g., with data provision unit 1912), to display unit1902, data to continuously advance the second playhead in a forwarddirection in the scrubber bar; and, while operating in the firstplayback navigation mode: receive (e.g. with input receiving unit 1908)an input that corresponds to a request to move the second playheadforward; and, in response to receiving the input that corresponds to therequest to move the second playhead forward, provide (e.g., with dataprovision unit 1912), to display unit 1902, data to skip the secondplayhead forward in the scrubber bar to a next playback position marker.

In some embodiments, processing unit 1904 is configured to: whileoperating in the second playback navigation mode: receive (e.g. withinput receiving unit 1908) an input that corresponds to a request tomove the second playhead backward; and, in response to receiving theinput that corresponds to the request to move the second playheadbackward, provide (e.g., with data provision unit 1912), to display unit1902, data to continuously move the second playhead in a reversedirection in the scrubber bar; and, while operating in the firstplayback navigation mode: receive (e.g. with input receiving unit 1908)an input that corresponds to a request to move the second playheadbackward; and, in response to receiving the input that corresponds tothe request to move the second playhead backward, provide (e.g., withdata provision unit 1912), to display unit 1902, data to skip the secondplayhead backward in the scrubber bar to a previous playback positionmarker.

In some embodiments, processing unit 1904 is configured to: while thedevice is operating in either the first playback navigation mode or thesecond playback navigation mode, and display unit 1902 is displaying thescrubber bar, the first playhead that indicates the current playposition in the scrubber bar, the second playhead that indicates thefirst navigation position in the scrubber bar, and a preview paneadjacent to the second playhead: receive (e.g. with input receiving unit1908) an input that corresponds to a request to resume playing the videoat the current play position in the scrubber bar; and, in response toreceiving the input that corresponds to the request to resume playingthe video at the current play position in the scrubber bar, provide(e.g., with video information provision unit 1906), to display unit1902, third video information that corresponds to an animation of thepreview pane moving to a position at or adjacent to the current playposition, and, after the preview pane has moved to the position at oradjacent to the current play position, cease to display, (e.g., withdisplay ceasing unit 1914), the preview pane and resume play (e.g., withplay unit 1916) of the video at a point in the video that corresponds tothe current play position in the scrubber bar.

In some embodiments, processing unit 1904 is configured to: while thedevice is operating in either the first playback navigation mode or thesecond playback navigation mode, and display unit 1902 is displaying thescrubber bar, the first playhead that indicates the current playposition in the scrubber bar, and the second playhead that indicates thefirst navigation position in the scrubber bar: receive (e.g. with inputreceiving unit 1908) an input that corresponds to a request to play thevideo at the first navigation position in the scrubber bar; and, inresponse to receiving the input that corresponds to the request to playthe video at the first navigation position in the scrubber bar, resumeplay (e.g., with play unit 1916) of the video at a point in the videothat corresponds to the first navigation position in the scrubber bar.

In some embodiments, processing unit 1904 is configured to: whileoperating in the second playback navigation mode, receive (e.g. withinput receiving unit 1908) an input that corresponds to a request by theuser to switch to the first playback navigation mode; and, in responseto receiving the input that corresponds to the request to switch to thefirst playback navigation mode: transition (e.g. with playbacknavigation mode transition unit 1910) from operating in the secondplayback navigation mode to operating in the first playback navigationmode; and provide (e.g., with video information provision unit 1906), todisplay unit 1902, fourth video information for display, wherein thefourth video information includes information that corresponds to one ormore frames of the video, the scrubber bar, the first playhead, and theplurality of playback position markers, distinct from the firstplayhead, that indicate predetermined playback positions in the video.

In some embodiments, processing unit 1904 is configured to: whileoperating in the second playback navigation mode, receive (e.g. withinput receiving unit 1908) an input that corresponds to a request toswitch to a play mode; and, in response to receiving the input thatcorresponds to the request to switch to the play mode: transition (e.g.with playback navigation mode transition unit 1910) from operating inthe second navigation mode to operating in a play mode that plays thevideo on display unit 1902 and ceases to display the scrubber bar, thefirst playback head, and the second playback head.

In some embodiments, processing unit 1904 is configured to: whileoperating in the play mode: receive (e.g. with input receiving unit1908) an input that corresponds to a request to fast forward or rewindthe video; and in response to receiving the input that corresponds to arequest to fast forward or rewind the video, provide (e.g., with dataprovision unit 1912), to display unit 1902, data to skip the video by apredefined time interval in accordance with the input.

In some embodiments, processing unit 1904 is configured to: whileoperating in the play mode, receive (e.g. with input receiving unit1908) an input that corresponds to a request to switch to the secondplayback navigation mode; and, in response to receiving the input thatcorresponds to a request to switch to the second playback navigationmode, transition (e.g. with playback navigation mode transition unit1910) from the play mode to the second playback navigation mode.

In some embodiments, the second video information includes informationthat corresponds to a preview pane, wherein the preview pane includesone or more frames of the video that corresponds to a navigationposition of the second playhead on the scrubber bar.

In some embodiments, processing unit 1904 is configured to: receive(e.g. with input receiving unit 1908) an input that corresponds to arequest to display the preview pane; and, in response to receiving theinput that corresponds to a request to display the preview pane, provide(e.g., with video information provision unit 1906), to display unit1902, the information that corresponds to the preview pane, for display.

The operations described above with reference to FIGS. 12A-12E are,optionally, implemented by components depicted in FIGS. 1A-1B or FIG.19. For example, receiving operation 1209, transitioning operation 1208,and providing operation 1210 are, optionally, implemented by eventsorter 170, event recognizer 180, and event handler 190. Event monitor171 in event sorter 170 detects a contact on touch-sensitive display112, and event dispatcher module 174 delivers the event information toapplication 136-1. A respective event recognizer 180 of application136-1 compares the event information to respective event definitions186, and determines whether a first contact at a first location on thetouch-sensitive surface (or whether rotation of the device) correspondsto a predefined event or sub-event, such as selection of an object on auser interface, or rotation of the device from one orientation toanother. When a respective predefined event or sub-event is detected,event recognizer 180 activates an event handler 190 associated with thedetection of the event or sub-event. Event handler 190 optionally usesor calls data updater 176 or object updater 177 to update theapplication internal state 192. In some embodiments, event handler 190accesses a respective GUI updater 178 to update what is displayed by theapplication. Similarly, it would be clear to a person having ordinaryskill in the art how other processes can be implemented based on thecomponents depicted in FIGS. 1A-1B.

The foregoing description, for purpose of explanation, has beendescribed with reference to specific embodiments. However, theillustrative discussions above are not intended to be exhaustive or tolimit the invention to the precise forms disclosed. Many modificationsand variations are possible in view of the above teachings. Theembodiments were chosen and described in order to best explain theprinciples of the invention and its practical applications, to therebyenable others skilled in the art to best use the invention and variousdescribed embodiments with various modifications as are suited to theparticular use contemplated.

What is claimed:
 1. A method, comprising: while an electronic devicewith one or more processors and memory is in a screensaver mode, whereinthe electronic device is in communication with a display and a remoteuser input device: providing, from the electronic device to the display,data to present a first media, that includes a first visual motioneffect; while the display is presenting the first media that includesthe first visual motion effect, receiving, at the electronic device,information identifying a user input on the remote user input device;and, in response to receiving the user input on the remote user inputdevice: determining, with the one or more processors of the electronicdevice, a type of the user input on the remote user input device; inaccordance with determining that the user input on the remote user inputdevice is a user input of a first type, providing, from the electronicdevice to the display, data to present the first media, that includesthe first visual motion effect, with corresponding descriptive text;and, in accordance with determining that the user input on the remoteuser input device is a user input of a second type, distinct from thefirst type, causing the electronic device to exit the screensaver mode.2. The method of claim 1, further including: in response to receivingthe user input on the remote user input device: in accordance withdetermining that the user input on the remote user input device is auser input of a third type, without exiting the screensaver mode,providing, to the display, data to replace the first media that includesthe first visual motion effect with a second media, selected from aplurality of media, that includes a third visual motion effect.
 3. Themethod of claim 1, including: in response to receiving the user input onthe remote user input device: in accordance with determining that theuser input on the remote user input device is a user input of a fourthtype, providing, to the display, data to present the first media thatincludes a second visual motion effect without exiting the screensavermode, wherein the second visual motion effect is distinct from the firstvisual motion effect.
 4. The method of claim 1, including: afterdetermining that the user input is of the fourth type, while the displayis presenting the first media that includes the second visual motioneffect, determining that the user input of the first type has ceased tobe detected on the remote user input device; and, in response todetermining that the user input of the first type has ceased to bedetected on the remote user input device, providing, to the display,data to present a media that includes the first visual motion effect. 5.The method of claim 1, including: in response to receiving the userinput on the remote user input device: in accordance with determiningthat the user input on the remote user input device is a user input of afifth type, providing, to the display, data to present the first media,that includes the first visual motion effect, with information thatindicates current time and/or date.
 6. The method of claim 1, whereinthe electronic device enters the screensaver mode in accordance with adetermination that one or more screensaver activation criteria have beensatisfied, wherein the one or more screensaver activation criteria aresatisfied in accordance with determining that the remote user inputdevice is stationary.
 7. The method of claim 1, including: in responseto receiving the user input on the remote user input device and inaccordance with determining that the user input on the remote user inputdevice is a user input of the second type, providing, to the display,data to replace the first media that includes the first visual motioneffect with a user interface with a plurality of objects, wherein: theplurality of objects includes: a first object, and a second object thatis adjacent to the first object on the display; and a current focus ison the first object of the plurality of objects.
 8. The method of claim1, including: in response to receiving the user input on the remote userinput device: in accordance with determining that the user input on theremote user input device is a user input of a sixth type, changing avisual motion effect for presenting the first media on the display. 9.The method of claim 1, wherein: providing, to the display, data topresent the first media, that includes the first visual motion effect,includes providing, to the display, data to present a playback of afirst video; and the method includes, in accordance with determiningthat the user input on the remote user input device is a user input of aseventh type, changing a playback direction of the first video inaccordance with user input.
 10. An electronic device, comprising: one ormore processors; memory; and one or more programs, wherein the one ormore programs are stored in the memory and configured to be executed bythe one or more processors, the one or more programs includinginstructions for: while the electronic device is in a screensaver mode,wherein the electronic device is in communication with a display and aremote user input device: providing, from the electronic device to thedisplay, data to present a first media, that includes a first visualmotion effect; while the display is presenting the first media thatincludes the first visual motion effect, receiving, at the electronicdevice, information identifying a user input on the remote user inputdevice; and, in response to receiving the user input on the remote userinput device: determining, with the one or more processors of theelectronic device, a type of the user input on the remote user inputdevice; in accordance with determining that the user input on the remoteuser input device is a user input of a first type, providing, from theelectronic device to the display, data to present the first media, thatincludes the first visual motion effect, with corresponding descriptivetext; and, in accordance with determining that the user input on theremote user input device is a user input of a second type, distinct fromthe first type, causing the electronic device to exit the screensavermode.
 11. The electronic device of claim 10, wherein the one or moreprograms include instructions for: in response to receiving the userinput on the remote user input device: in accordance with determiningthat the user input on the remote user input device is a user input of athird type, without exiting the screensaver mode, providing, to thedisplay, data to replace the first media that includes the first visualmotion effect with a second media, selected from a plurality of media,that includes a third visual motion effect.
 12. The electronic device ofclaim 10, wherein the one or more programs include instructions for: inresponse to receiving the user input on the remote user input device: inaccordance with determining that the user input on the remote user inputdevice is a user input of a fourth type, providing, to the display, datato present the first media that includes a second visual motion effectwithout exiting the screensaver mode, wherein the second visual motioneffect is distinct from the first visual motion effect.
 13. Theelectronic device of claim 10, wherein the one or more programs includeinstructions for: after determining that the user input is of the fourthtype, while the display is presenting the first media that includes thesecond visual motion effect, determining that the user input of thefirst type has ceased to be detected on the remote user input device;and, in response to determining that the user input of the first typehas ceased to be detected on the remote user input device, providing, tothe display, data to present a media that includes the first visualmotion effect.
 14. The electronic device of claim 10, wherein the one ormore programs include instructions for: in response to receiving theuser input on the remote user input device: in accordance withdetermining that the user input on the remote user input device is auser input of a fifth type, providing, to the display, data to presentthe first media, that includes the first visual motion effect, withinformation that indicates current time and/or date.
 15. The electronicdevice of claim 10, wherein the electronic device enters the screensavermode in accordance with a determination that one or more screensaveractivation criteria have been satisfied, wherein the one or morescreensaver activation criteria are satisfied in accordance withdetermining that the remote user input device is stationary.
 16. Theelectronic device of claim 10, wherein the one or more programs includeinstructions for: in response to receiving the user input on the remoteuser input device and in accordance with determining that the user inputon the remote user input device is a user input of the second type,providing, to the display, data to replace the first media that includesthe first visual motion effect with a user interface with a plurality ofobjects, wherein: the plurality of objects includes: a first object, anda second object that is adjacent to the first object on the display; anda current focus is on the first object of the plurality of objects. 17.The electronic device of claim 10, wherein the one or more programsinclude instructions for: in response to receiving the user input on theremote user input device: in accordance with determining that the userinput on the remote user input device is a user input of a sixth type,changing a visual motion effect for presenting the first media on thedisplay.
 18. The electronic device of claim 10, wherein: providing, tothe display, data to present the first media, that includes the firstvisual motion effect, includes providing, to the display, data topresent a playback of a first video; and the one or more programs alsoinclude instructions for, in accordance with determining that the userinput on the remote user input device is a user input of a seventh type,changing a playback direction of the first video in accordance with userinput.
 19. A non-transitory computer readable storage medium storing oneor more programs, the one or more programs comprising instructions,which, when executed by an electronic device with one or moreprocessors, cause the electronic device to: while the electronic deviceis in a screensaver mode, wherein the electronic device is incommunication with a display and a remote user input device: provide,from the electronic device to the display, data to present a firstmedia, that includes a first visual motion effect; while the display ispresenting the first media that includes the first visual motion effect,receive, at the electronic device, information identifying a user inputon the remote user input device; and, in response to receiving the userinput on the remote user input device: determine, with the one or moreprocessors of the electronic device, a type of the user input on theremote user input device; in accordance with determining that the userinput on the remote user input device is a user input of a first type,provide, from the electronic device to the display, data to present thefirst media, that includes the first visual motion effect, withcorresponding descriptive text; and, in accordance with determining thatthe user input on the remote user input device is a user input of asecond type, distinct from the first type, cause the electronic deviceto exit the screensaver mode.
 20. The computer readable storage mediumof claim 19, wherein the one or more programs also include instructions,which, when executed by the electronic device, cause the electronicdevice to: in response to receiving the user input on the remote userinput device: in accordance with determining that the user input on theremote user input device is a user input of a third type, withoutexiting the screensaver mode, provide, to the display, data to replacethe first media that includes the first visual motion effect with asecond media, selected from a plurality of media, that includes a thirdvisual motion effect.
 21. The computer readable storage medium of claim19, wherein the one or more programs also include instructions, which,when executed by the electronic device, cause the electronic device to:in response to receiving the user input on the remote user input device:in accordance with determining that the user input on the remote userinput device is a user input of a fourth type, provide, to the display,data to present the first media that includes a second visual motioneffect without exiting the screensaver mode, wherein the second visualmotion effect is distinct from the first visual motion effect.
 22. Thecomputer readable storage medium of claim 19, wherein the one or moreprograms also include instructions, which, when executed by theelectronic device, cause the electronic device to: after determiningthat the user input is of the fourth type, while the display ispresenting the first media that includes the second visual motioneffect, determine that the user input of the first type has ceased to bedetected on the remote user input device; and, in response todetermining that the user input of the first type has ceased to bedetected on the remote user input device, provide, to the display, datato present a media that includes the first visual motion effect.
 23. Thecomputer readable storage medium of claim 19, wherein the one or moreprograms also include instructions, which, when executed by theelectronic device, cause the electronic device to: in response toreceiving the user input on the remote user input device: in accordancewith determining that the user input on the remote user input device isa user input of a fifth type, provide, to the display, data to presentthe first media, that includes the first visual motion effect, withinformation that indicates current time and/or date.
 24. The computerreadable storage medium of claim 19, wherein the electronic deviceenters the screensaver mode in accordance with a determination that oneor more screensaver activation criteria have been satisfied, wherein theone or more screensaver activation criteria are satisfied in accordancewith determining that the remote user input device is stationary. 25.The computer readable storage medium of claim 19, wherein the one ormore programs also include instructions, which, when executed by theelectronic device, cause the electronic device to: in response toreceiving the user input on the remote user input device and inaccordance with determining that the user input on the remote user inputdevice is a user input of the second type, provide, to the display, datato replace the first media that includes the first visual motion effectwith a user interface with a plurality of objects, wherein: theplurality of objects includes: a first object, and a second object thatis adjacent to the first object on the display; and a current focus ison the first object of the plurality of objects.
 26. The computerreadable storage medium of claim 19, wherein the one or more programsalso include instructions, which, when executed by the electronicdevice, cause the electronic device to: in response to receiving theuser input on the remote user input device: in accordance withdetermining that the user input on the remote user input device is auser input of a sixth type, change a visual motion effect for presentingthe first media on the display.
 27. The computer readable storage mediumof claim 19, wherein: providing, to the display, data to present thefirst media, that includes the first visual motion effect, includesproviding, to the display, data to present a playback of a first video;and the one or more programs also include instructions, which, whenexecuted by the electronic device, cause the electronic device to, inaccordance with determining that the user input on the remote user inputdevice is a user input of a seventh type, change a playback direction ofthe first video in accordance with user input.